选中表格中某一行,高亮显示,table表格数据变化后(删除某几条数据,不包括选中的删除), this.$refs.multipleTable.setCurrentRow(row),选中之前选中的行,可发现总是选中下一条的数据(选中的是2,删除3,4,5后再用this.$refs.multipleTable.setCurrentRow(row)选中2,结果选择的是6),控制台打印的数据是2的数据; ...
</el-table-column> </el-table> 2.methods中(fffff为判定是否不能更改的字段) checkSelectable(row){returnrow.fffff!=='1'}, 在getList中写入foreach,用于遍历判断是否为默认必选项(multipleTable为对应el-table中的ref后的参数),使用 this.$refs.multipleTable.toggleRowSelection(item,true)来实现 getList(p...
场景:后台返回数据,进入页面编辑的时候,一些表格数据选中; 解决办法:调用后台接口的返回数据之后,使用table的 toggleRowSelection 方法实现默认勾选。 ...
html123 el-table设置默认选中 // 初始设置选中 toggleSelection(rows) { if(rows) { rows.forEach(row=>{ this.$refs.table.toggleRowSelection(row); }); } } rows传入选中项的集合
el-table设置默认选中 el-table设置默认选中 // 初始设置选中 toggleSelection(rows) { if (rows) { rows.forEach(row=> { this.$refs.table.toggleRowSelection(row);});} } rows传⼊选中项的集合
// 巨坑的地方,multipleTable存放的是 this.tableData 数据,必须使用 this.tableData进行遍历才行 this.tableData.forEach(element => { if (element.id == 7) { this.$refs.multipleTable.toggleRowSelection(element, true); } }); // 当需要刷新dom的时候使用该方法,比如请求前dom已经加载,如有load状态...
需求:进入页面时默认选中表格第一行 ref="singleTableRef" :data="tableData" highlight-current-row @row-click="handleCurrentChange" > 三个注意点: ref="singleTableRef" ——> 用于调用 table 组件的方法 setCurrentRow(setCurrentRow 用于单选表格,设定某一行为选中行)highlight-current-row ——> 用于...
类似iview ui 的给 data 项设置特殊 key _checked: true 可以默认选中当前项。 https://www.iviewui.com/components/table#DX 谢谢! What is actually happening? https://jsfiddle.net/4qzrudps/8/ 可以试试toggleRowSelection这个函数去选择某一行。https://jsfiddle.net/zhiyang/3kunm687/2/ ...
是否选中: this.$refs.multipleTable.toggleRowSelection(row, boolean) // 请求后拿到tableList后this.tableData.forEach((item,index)=>{if(!item.canChoose){// 默认被选中且禁用this.$refs.multipleTable.toggleRowSelection(item,true);// 如果只需要禁用 不需要这行}// selectReady 是默认要选中的数据if...