不会写代码如何做网站,百度关键字优化,成品短视频app网页,装修平台网络推广公司一、使用原因#xff1a; 封装了el-table#xff0c;表格中有多选#xff0c;父级要根据指定状态#xff0c;让其选择不上#xff0c;需要用到elementplus中table原方法toggleRowSelection 附加小知识点#xff1a;#xff08;el-tree刷新树后之前选中的保持高亮setCurr…一、使用原因 封装了el-table表格中有多选父级要根据指定状态让其选择不上需要用到elementplus中table原方法toggleRowSelection 附加小知识点el-tree刷新树后之前选中的保持高亮setCurrentKeyorgnTreeDom.value.$refs.tree.setCurrentKey(treeObj.checkedKey);
二、效果图 三、代码结构 1、el-table封装的组件 2、父级使用封装el-table结构部分
父级使用封装el-table结构部分代码
1、结构scada-tablerefcompanyTable // 有用1indexselection // 有用2maxHeight60vh:loadingtableObj.loading:column-optiontableObj.columnOption:table-datatableObj.tableData:pageDatatableObj.pageDatacurrentChangetableObj.currentChangesizeChangetableObj.sizeChangeselectionChangetableObj.selectionChange // 有用3/scada-table2、selectionChange 每行多选方法
const companyTable ref() // 有用1定义的ref
selectionChange: (data) {tableObj.selectList data;let leng data.lengthif(leng 0){data.forEach((item,ind){if(item.contentStatus 0 || item.contentStatus 2){//******这是重点***********companyTable.value.$refs.table.toggleRowSelection(data[ind], false);ElMessage.warning(该文章审核状态不符合发布操作);}})}},
