在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