定义一个滚动方法
滚动方法最好设置一个定时器
scrollRight() {
//先获取到 该表格的宽度
var widthKK =this.$refs.dataTable.bodyWidth
//解决 scrollLeft 值赋不上值的问题
setTimeout(()=>{
this.$refs.dataTable.bodyWrapper.scrollLeft=Number(widthKK.replace('px',''))
},1000)//必须是1000以上 才能生效
},
执行时机
- 在
updated
的钩子函数中执行,bom变化之后就会触发这写动作- 最好在
$nextTick
的回调函数中执行
updated() {
this.$nextTick(() =>{
// 重新渲染表格 防止表格变形
this.$refs.dataTable.doLayout();
// 最后一次渲染表格后,自动滚动到最右边
this.scrollRight()
})
this.handleCurrentChange()
},
- 上述方法还比较特殊,因为在方法体中执行了一个
doLayout
方法,重新渲染- 在
doLayout 执行完毕
之后,再执行scrollRight