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的值,可以自定义
    }
}

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

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值