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){//事件写在Checkbox-group里返回的是选中的数组,写在Checkbox返回的是boolean值
    console.log(data);//拿到的就是选中的数组。。默认是label的值,可以自定义
  }
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM