checkbox（复选框）

基础用法

示例：

代码示例：

<template>
  <div class="bs-bg-color-white p10">
    <v-checkbox
      v-model="value"
      :true-label="true"
      :false-label="false"
      @change="handleChange"
      >测试复选框</v-checkbox
    >
  </div>
</template>
<script>
import util from "@/assets/js/util";

export default {
  data() {
    return {
      value: "",
    };
  },
  methods: {
    /**
     * 改变事件
     */
    handleChange(newValue) {
      console.log("newValue", newValue);
      // newValue true
    },
  },
  mounted() {},
  computed: {},
};
</script>

属性：

参数	说明	类型	可选值	默认值
value	当前组件绑定的值	[String, Number, Boolean]	-	-
trueLabel	选中时的值	[String, Number, Boolean]	-	1
falseLabel	没有选中时的值	[String, Number, Boolean]	-	0
round	是否显示为圆形	Boolean	-	false
disabled	组件是否禁用	Boolean	-	false

事件：

事件名	说明	参数	参数说明
click	点击事件	event	-
input	输入事件	newValue	输入值
change	改变事件	newValue	输入值