element-ui table 行選中

<el-dialog title="修改" :visible.sync="dialogVisibleEdit" width="30%" :before-close="handleCloseEdit">
    <el-table ref="multipleTable" 
        :data="tvTableData" border 
         style="width: 100%" size="mini">
       <el-table-column :selectable="seeSelectable" align="center" type="selection" width="55"> 
       </el-table-column>
       <el-table-column align="center" prop="clientName" label="客戶端名稱"></el-table-column>
    </el-table>
</el-dialog>

 

setTimeout(() => {
    this.tvTableData.forEach((item,i) => {
        this.slcdTvList.forEach((item2) => {
           if(item.clientKey == item2.clientKey){
              this.$refs.multipleTable.toggleRowSelection(this.tvTableData[i],true)
           }
        })
     })
},1000)

因爲用到dialog,所以使用定時器,在dom加載後通過$refs來獲取表格,然後更新

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章