在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

相关推荐
患得患失9494 分钟前
【前端】【Echarts】ECharts 词云图(WordCloud)教学详解
前端·javascript·echarts
三年三月7 分钟前
021-顶点法线与反射原理
javascript·three.js
快起来别睡了16 分钟前
Vue 3 中的 Watch、WatchEffect 和 Computed:深入解析与案例分析
vue.js
快起来别睡了18 分钟前
React 是如何用 JSX 写页面,却能被浏览器执行的?——Babel 的魔法解析
前端
喧星Aries29 分钟前
进程调度的时机,切换与过程方式(操作系统OS)
java·服务器·前端·操作系统·进程调度
海底火旺31 分钟前
useState:批处理与函数式更新
前端·react.js·面试
一块plus31 分钟前
一门原本只是“试试水”的课程,没想到炸出了一群真诚的开发者
javascript·面试·github
亿万托福33 分钟前
数字世界的构筑之艺:前端技术栈的浅描与远瞻
前端
用户408128120038133 分钟前
JWT 和 token 区别
前端
yvvvy34 分钟前
🚀React + Vite 实战:打造智能单词学习应用
javascript