复选框组件。
<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>
属性 |
说明 |
类型 |
必填 |
默认值 |
value(v-model) |
值 |
string |
|
'' |
options |
复选框中的配置项,结构为{ label: '显示', value: '存储' } |
array |
✔️ |
[] |
事件名称 |
说明 |
回调参数 |
change |
值变化后调用 |
function(value: string) |