在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

相关推荐
松涛和鸣23 分钟前
DAY43 HTML Basics
linux·前端·网络·网络协议·tcp/ip·html
前端 贾公子29 分钟前
剖析源码Vue项目结构 (一)
前端·javascript·vue.js
狂龙骄子32 分钟前
jQuery表单验证插件全攻略
前端·javascript·jquery·jquery表单验证
十铭忘1 小时前
Vue3实现Pixso中的钢笔工具
开发语言·javascript·vue
forestsea1 小时前
从 XMLHttpRequest 到 Fetch API:现代前端网络请求的演进与迁移指南
前端·网络
XiaoYu20021 小时前
第4章 Nest.js业务合并
前端
局i1 小时前
【无标题】
前端·javascript·vue.js
前端小L1 小时前
双指针专题(四):像毛毛虫一样伸缩——「长度最小的子数组」
javascript·算法·双指针与滑动窗口
沛沛rh451 小时前
React入门:从一个简单的Hello World开始
前端·react.js·前端框架
谢尔登2 小时前
Vue3 应用实例创建及页面渲染底层原理
javascript·vue.js·ecmascript