企业网站的形式,广州翼讯资讯科技有限公司 网站,开发一个软件能卖多少钱,自助建站网信息发布平台官方有个属性selectable 设置chechBox是否可以勾选#xff0c;结合在初始化获取数据时候toggleAllSelection选中checkBox#xff0c; 最后并没有效果#xff0c;checkBox没有选中#xff0c;不知道是啥原因#xff0c;找了很多文章也没有看到实际解决问题的#xff0c;所…
官方有个属性selectable 设置chechBox是否可以勾选结合在初始化获取数据时候toggleAllSelection选中checkBox 最后并没有效果checkBox没有选中不知道是啥原因找了很多文章也没有看到实际解决问题的所以换了一种思路如下
重点select和select-all结合
el-table:datareceivableListstylewidth: 100%refmultipleTableselection-changehandleSelectionChangeselecthandleSelect // 用户选择checkBox触发的事件select-allhandleSelectAll // 用户选择全选触发的事件el-table-column typeselection width50 fixedright/el-table-column
/el-table
getReceivableList() {//关键代码数据处理请结果业务进行相关调整receivableList().then((response) {this.receivableList response.data.receivableList; //列表数据if (this.receivableList.length) {this.$refs.multipleTable.toggleAllSelection(); // 设置全选中this.selectList this.receivableList // 选中的数据} });}, // 选中行如果没有权限 不让其取消handleSelect(selection, row) {if(!this.$hasPermi(编辑清单) selection.length ! this.selectList.length) {this.$refs.multipleTable.toggleRowSelection(row, true);this.$message.warning(没有权限编辑清单请联系管理员);}},// 全选 取消如果没有权限 强制全部选中handleSelectAll(selection) {if(!this.$hasPermi(编辑清单) selection.length 0) {this.$refs.multipleTable.toggleAllSelection();this.$message.warning(没有权限编辑清单请联系管理员);}}
整体思路就是用户点击取消了都给它再设置选中就这么简单虽然实现了但是感觉很鸡肋如有其他实现方式烦请评论相告谢谢奥~~