解决avue表格错位问题
场景:使用keepAlive缓存页面后,切换页面,列表页表格错位。解决:列表页加入以下代码即可解决。注意:activated为使用keepAlive缓存后的钩子函数。activated () {setTimeout(() => {this.$nextTick(() => {console.log('2htis', this)this.$refs.crud.doLayout()})
·
问题描述:
使用keepAlive缓存页面后,切换页面,列表页表格错位。
解决方法一:(我解决时使用的这个方法)
列表页加入以下代码即可解决。
注意:activated为使用keepAlive缓存后的钩子函数。
// 解决AVue表格错位问题
activated () {
this.$nextTick(() => {
this.$refs.crud.doLayout()
})
},
解决方法二:(暂未发现加延时是为什么,先留下做个备忘)
列表页加入以下代码即可解决。
注意:activated为使用keepAlive缓存后的钩子函数。
activated () {
setTimeout(() => {
this.$nextTick(() => {
this.$refs.crud.doLayout()
})
}, 100)
}
更多推荐
已为社区贡献4条内容
所有评论(0)