饿了么UI结合v-if使用多个表格时表格显示的数据发生错位

最近开发遇到个坑,当页面中使用v-if控制显示隐藏表格时,表格列显示数据错位。

具体如下:

在dialog中使用了一个表格,并且是有合并列的,点击下一步会再使用另一个表格。问题出现了,表格2中从第3列数据出现数据错位,并且最后一列数据不显示。经过多次尝试并未解决,后来想到了表格1使用了合并列,且正好是第3列和第4列合并。尝试将表格1屏蔽后,表格2正常了。

解决:

点击下一步 上一步显示不同的内容是用v-if控制的,这里改成v-show即可。

转发请备注出处
【公众号:缃言的调调】
原文地址:https://www.cnblogs.com/zuojiayi/p/14286667.html