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