Vue 模板重渲染 key重置 解决element表格不对齐

在这里插入图片描述

如上图操作不对齐

解决办法:
根据vue规则,当key改变时dom重新渲染,因此:

方法一:

//生成随机数(最好使用路由监听修改key值更保险)
<el-table :key="Math.random()"> </el-table>

方法二:

<el-table :key="menuKey"></el-table>

data(){
	return {
		menuKey:1
	}
 }

 watch:{
    '$route'(){
      ++ this.menuKey
    }
  },
posted @ 2022-12-06 22:19  轻风细雨_林木木  阅读(27)  评论(0)    收藏  举报