欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

elementUI?Table?表格編輯數(shù)據(jù)后停留當(dāng)前位置的示例代碼

 更新時(shí)間：2023年04月19日 15:19:45   作者：農(nóng)碼精神  
這篇文章主要介紹了elementUI?Table?表格編輯數(shù)據(jù)后停留當(dāng)前位置,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

后臺(tái)管理系統(tǒng)在實(shí)際開發(fā)中，表格如果在一定高度出現(xiàn)滾動(dòng)條。

這時(shí)如果對(duì)表格行數(shù)據(jù)進(jìn)行編輯或者拖拽排序操作，數(shù)據(jù)刷新后滾動(dòng)條會(huì)默認(rèn)回到頂部，這樣體驗(yàn)會(huì)不太好。

如果想保留在當(dāng)前位置可以這樣操作：

1.el-table標(biāo)簽添加ref屬性

<el-table :data="tableData" v-loading="tableLoading" ref="elTable"></el-table>

2.data return定義下列值

data() {
    return {
      scrollTop: '', // 滾動(dòng)條位置
      elTable: this.$refs.elTable.bodyWrapper, // 獲取table表格父級(jí)的classname
    };
  },

table表格出現(xiàn)滾動(dòng)條渲染的結(jié)構(gòu)和樣式

3.點(diǎn)擊編輯時(shí)獲取當(dāng)前表格滾動(dòng)條位置

this.scrollTop = this.elTable.scrollTop;

4.表格數(shù)據(jù)刷新完成后

setTimeout(() => {
  $(this.elTable).scrollTop(this.memoryScrollTop) // JQ寫法
})

到此這篇關(guān)于elementUI Table 表格編輯數(shù)據(jù)后停留當(dāng)前位置的示例代碼的文章就介紹到這了,更多相關(guān)elementUI Table 表格編輯數(shù)據(jù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論