虚心口红

文章
5
资源
0
加入时间
3年0月9天

保持el-table表格滚动条状态

页面保持状态可以用keep-live,不用重复请求数据,但是keep-live不会保持我们查看时的状态,因此我们需要自己去手动修改。所以我们可以在离开页面的钩子函数中获取最后的滚动距离,在进入页面的钩子函数中设置一下滚动距离,这样就实现了状态保留的情况。如上图所示,当我们点击调价跳转到其他页面时,我们希望当我们返回这个页面时,滚动条位置保持在离开的位置。keep-live有两个钩子函数,deactivated(){}代表的是离开当前页面时发生的事件。activated(){}代表进入此页面时发生