在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

相关推荐
JosieBook2 分钟前
【C#】C# 访问修饰符与类修饰符总结大全
前端·javascript·c#
遨游建站6 分钟前
谷歌SEO之网站内部优化策略
前端·搜索引擎
华洛8 分钟前
聊聊我逃离前端开发前的思考
前端·javascript·vue.js
小码哥_常14 分钟前
解锁Android权限申请新姿势:与前置说明弹窗共舞
前端
早點睡39017 分钟前
ReactNative项目OpenHarmony三方库集成实战:react-native-gifted-charts
javascript·react native·react.js
紫_龙33 分钟前
最新版vue3+TypeScript开发入门到实战教程之路由详解三
前端·javascript·typescript
-SOLO-37 分钟前
使用Cursor操控正在打开的Chrome
前端·chrome
chiwei_hua38 分钟前
如何在 Blazor Web 前端中使用 C# 进行数据交互?
前端·c#·交互
pacong42 分钟前
vscode使用
javascript·vue.js·vscode
与数据交流的路上1 小时前
linux-系统日志的归档
linux·运维·javascript