在vue中v-show不起作用

在vue中v-show不起作用

1、应用场景描述

表单分步骤提交，需要保存用户所填写过的信息，在点击上一步的时候，回显所填信息，所以不可以使用v-if来进行步骤切换，要使用v-show，但是当使用v-show的时候出现了另外一个问题：没有显示隐藏效果，而是将所有的步骤显示出来了

2、原因描述

当v-show不起作用，很大一部分原因是因为标签设置了display属性如display：flex，该样式的优先级高于v-show的display:block或display:none，从而导致的v-show不起作用

3、解决方案

（1）去掉该标签的display属性样式

（2）使用v-if替换v-show