解決scTable selection切換分頁復(fù)選框被清空的問題

位置:首頁 / 新聞中心 / 新框架教程

新框架教程 Admin 2024-03-18 13:38:01 1891

 scTable selection切換分頁清除所選項(xiàng)問題解決記錄
組件內(nèi)部根據(jù)下圖注釋部分方法調(diào)用
  下方代碼中注釋的調(diào)用為關(guān)閉選項(xiàng)清除
  
  //javascript
    //更新數(shù)據(jù) 合并上一次params
    upData(params, page=1){
        this.currentPage = page;
        // this.$refs.scTable.clearSelection();
        Object.assign(this.tableParams, params || {})
        this.getData()
    },
    //重載數(shù)據(jù) 替換params
    reload(params, page=1){
        this.currentPage = page;
        this.tableParams = params || {}
        // this.$refs.scTable.clearSelection();
        this.$refs.scTable.clearSort()
        this.$refs.scTable.clearFilter()
        this.getData()
    },

使用組件時(shí),組件添加row-key屬性,selection類型的列組件添加reserve-selection屬性;
  
    <scTable ref="table" :apiObj="apiObj" row-key="id" height="500px" :params="params" @selection-change="selectionChange" stripe>
        <el-table-column type="selection" width="50" reserve-selection></el-table-column>

以上就是“解決scTable selection切換分頁復(fù)選框被清空的問題”的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注木子天禾科技其它相關(guān)文章!

15934152105 掃描微信