解决element-ui中的el-table中列更新问题以及滚动条会重置到最顶部的问题
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
- 当table渲染完成后需要动态更新列的数据时候,此时在el-table属性增加key就可以,例如:
<el-table ref="table" :key="key">
增加data属性 key,最后需要重新刷新的方法里加上 this.key = Math.random() 就可以
2.问题2,调用 this.key = Math.random()后会导致table的滚动条被重置到最上面的问题,解决办法就是,调用this.key之前先记录滚动条高度,调用完成后还原成之前的高度
/**
* 刷新table,防止滚动条跑到最上面
*/
refreshTable() {
const beforeScrollTop = this.$refs.table.$el.querySelector('div.el-table__body-wrapper').scrollTop
this.key = Math.random()
setTimeout(() => {
this.$refs.table.$el.querySelector('div.el-table__body-wrapper').scrollTop = beforeScrollTop
}, 0)
},
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献8条内容
所有评论(0)