在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

相关推荐
梨子同志几秒前
Vue Options API vs Composition API
前端·vue.js
杨进军几秒前
实现 React 文本节点渲染
前端·react.js·前端框架
拾光拾趣录1 分钟前
Vue Router 导航 vs location.href
前端·vue-router
在钱塘江2 分钟前
《你不知道的JavaScript-上卷》第一部分-附录C-笔记-this词法
前端·javascript
胡gh2 分钟前
JavaScript 中的闭包、防抖与节流:让你彻底搞懂它们的作用和应用场景
前端·javascript·node.js
花笙_3 分钟前
react打包发到线上报错Minified React error #130
前端·react.js
labixiong5 分钟前
全方位理解跨源资源共享-CORS
前端·后端
AntBlack8 分钟前
闲谈 :AI编程效率反而降低了 ,大家AI 编程的正确姿势到底是什么?
前端·后端·ai编程
Mintopia22 分钟前
Three.js 中的噪声与图形变换:一场数字世界的舞蹈
前端·javascript·three.js
Mintopia26 分钟前
计算机图形学漫游:从像素到游戏引擎的奇幻之旅
前端·javascript·计算机图形学