iview的checkbox

之前用一直按照官网的文档写出来实现不了他的功能,,,后来才发先文档写的不对。。现在记录一下,以后避免入坑

 <FormItem label="修改权限">
        <Checkbox-group v-model='fruit' @on-change="change">
                <Checkbox label="香蕉">Checkbox>
                <Checkbox label="苹果">Checkbox>
                <Checkbox label="西瓜">Checkbox>
        Checkbox-group>
 FormItem>

--------------------------------------------------------------
data( ) {
    return {
         fruit: ['香蕉'], //默认选中的项
    }
},
methods: {
    change(data){
        console.log(data);//拿到的就是选中的数组。。默认是label的值,可以自定义
    }
}

纠结了好久才发现这个问题的,,希望共勉。

你可能感兴趣的:(iview框架)