全选跟单选

qq_41091678

于 2021-06-23 14:54:35 发布

阅读量85

点赞数

本文链接：https://blog.youkuaiyun.com/qq_41091678/article/details/118153091

版权

本文探讨了在Vue.js应用中使用v-model和事件处理来管理数据的方法。通过`changeCheckAll`和`changeCheckbox`两个函数，实现了全选和单选框状态同步的功能，展示了双向数据绑定和数组操作在前端开发中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input v-model='checkAll' @change='changeCheckAll'>
 <div v-for="item in items" :key="item.id">
  <input type="checkbox" v-model='item.isChecked' @change="changeCheckbox">
 </div>

changeCheckAll(){this.items.forEach(v=>v.isChecked=this.checkAll)}
changeCheckbox(){this.checkAll=this.item.every(v=>v.isChecked)}