vue 全选 多选
杜小帅666
这个作者很懒,什么都没留下…
展开
-
使用多选框进行多选 全选
使用多选框进行多选 全选1.声明一个数组 绑定v-model 上 再去watch里面监听他就可以实现单选 多选2 全选的话 直接上代码chackAllData(ev) {let state2 = ev.target.checked; //拿到一个状态进行判断this.checkDataList = []; //声明的数组为空if (state2) {this.checkDataList = this.modifyData.map((o) => o.serviceId);}//把原创 2020-08-17 19:18:10 · 489 阅读 · 0 评论 -
vue不使用多选框 进行多选 全选
1.多选1-1:首先我们要再data声明一个空数组1-2:使用includes() 方法用于判断字符串是否包含指定的子字符串。1-3:去判断该数组里面是否含有这条数据的id 有就删除 没有就添加2.全选声明一个变量 根据他的状态去做全选的判断3.监听该数组的变化watch:{arrData(a) {this.arrData.length === this.tableData.length && this.tableData.length;if (this.ar原创 2020-08-17 19:08:09 · 365 阅读 · 2 评论