JCheckbox

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)