复选 (bui-checkbox)

用法

  1. <bui-checkbox v-model="selectedValue" @change="changeValue"  direction="vertical" :items="items"></bui-checkbox>
    2. <bui-checkbox-list v-model="selectedValue" @change="changeValue" :items="items"></bui-checkbox-list>


  1. data () {
    2.     return {
    3.         selectedValue:["1","2"],
    4.         items:[
    5.             {value:"1",title:'全部'},
    6.             {value:"2",title:'选项一'},
    7.             {value:"3",title:'选项二'},
    8.             {value:"4",title:'选项三'}
    9.         ]
    10.     }
    11. },
    12. methods: {
    13.     changeValue(value){
    14.         this.$toast(JSON.stringify(value));
    15.     }
    16. }

Example: bui-checkbox

属性

事件

• @change ：选中时触发的事件，返回选中的value，它是一个数组