element-ui 中 el-table 使用 v-if 做动态列效果的时候导致的顺序错乱和输入框导致table抖动问题

element-ui 中 el-table 使用 v-if 做动态列效果的时候导致的顺序错乱和输入框导致table抖动问题

我的需求是做一个双层遍历循环生成动态列,根据网上方法用:

  1.  **this.$refs.table1.doLayout();** 虽然可以,但是页面太卡,不适用
    
  2.  用了v-if 去动态操作然后给key 用 :key="Math.random()" 可以,但有问题,会出现抖动问题,不适合。
    
  3.  根据第2个方案会衍生出输入搜索框,table表格抖动问题
    
  4.  网上解决方案用key='1',key='2',不用随机就可以,但是因为我是双层遍历,不能直接写,于是
    
 :key="1000*index+ind"

index,ind分别是两个循环的下标,再加上1000,就不会有重复key

参考链接: https://my.oschina.net/u/4205853/blog/4653173

你可能感兴趣的:(vue.js,前端,elementui)