JCheckbox - xinwu-yang/cube-vue GitHub Wiki

JCheckbox 复选框组件

复选框组件。

代码演示

<template>
	<j-checkbox v-model="value" :options="options" @change="handleChange"></j-checkbox>
</template>
<script>
	export default {
    data() {
      return {
        value: '',
        options: [
          {
            label: '苹果',
            value: 'Apple'
          },
          {
            label: '三星',
            value: 'Samsung'
          },
          {
            label: '华为',
            value: 'HUAWEI'
          }
        ]
      }
    },
    
    methods: {
      handleChange(value) {
        // value 逗号分隔的字符串
      }
    }
  }
</script>

api

props

属性 说明 类型 必填 默认值
value(v-model) string ''
options 复选框中的配置项,结构为{ label: '显示', value: '存储' } array ✔️ []

事件

事件名称 说明 回调参数
change 值变化后调用 function(value: string)
⚠️ **GitHub.com Fallback** ⚠️