中搜网站提交,公众号第三方建微网站,长沙装修公司性价比最高的是哪个,vue 微信公众号开发场景#xff1a;一般el-table的删除操作#xff0c;在删除数据后前端会重新调接口获取数据#xff0c;此时列表更新会自动回到el-table顶部。但是我们想要让列表刷新后回到当时的滚动条位置那里#xff0c;那么就需要记住删除时候的位置。 el-table refeltable一般el-table的删除操作在删除数据后前端会重新调接口获取数据此时列表更新会自动回到el-table顶部。但是我们想要让列表刷新后回到当时的滚动条位置那里那么就需要记住删除时候的位置。 el-table refeltable :datatableData2el-table-column propfileId label操作 width165template slot-scopescopespan clickdel(scope.row)删除/span/template/el-table-column
/el-tabledata () {return {scrollTop: 0,//滚动条位置tableData2:[],}},methods: {del (row) {console.log(删除时候的滚动条位置, this.$refs.eltable.bodyWrapper.scrollTop)// 注意refthis.scrollTop this.$refs.eltable.bodyWrapper.scrollTop},search(){// 重新获取列表时候 将上次记录的位置复制给滚动条即可this.$refs.eltable.bodyWrapper.scrollTop this.scrollTop}}
