Bootstrap

element-ui中在多个tab切换之下的表格数据出现错乱

当多个table切换使用了v-if后由于表格的长短不一,会出现数据错乱

比如table1中第一个列表是多选,table2中第一个列表是名称,但是使用v-if在切换到第二个table中时第一个列表显示的是多选

 解决办法:把v-if换成v-show

v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存?编译被缓存后,然后再切换的时候进行局部卸载); v-show是在任何条件下(首次条件是否为真)都被编译,然后被缓存,而且DOM元素保留

;