在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

相关推荐
2603_955279704 分钟前
C++23新特性在CLion中的实战体验
前端·javascript·c++23
梨子同志6 分钟前
HTTP
前端
kidding72317 分钟前
旋转大转盘小程序
前端·css·微信小程序·小程序·前端框架
道友可好19 分钟前
Claude Code 泄露源码里的 89 个秘密
前端·人工智能·后端
Tian_Hang24 分钟前
Eclipse Ditto 的权限策略
java·服务器·前端·网络·ide·ubuntu·eclipse
叩码以求索29 分钟前
经典算法实例分析:写字符串需要的行数
开发语言·javascript·ecmascript
lichenyang4531 小时前
从 0 新增一个 `has.echo`:我如何理解小程序容器里的 API 调用链路
前端
leptune1 小时前
Mac 使用 Microsoft Word 批量将 DOCX 转 PDF(保持原排版)
前端
大龄秃头程序员2 小时前
Flutter 长列表 1 万条滑动卡顿治理:Baseline vs Optimized 可跑 Demo
前端
yingyima2 小时前
Git 核心命令速查:掌握底层原理与实战技巧
前端