在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

相关推荐
anOnion5 分钟前
构建无障碍组件之Table Pattern
前端·html·交互设计
mfxcyh13 分钟前
如何把对象数据转化为数组
java·服务器·前端
编程技术手记17 分钟前
Vite 开发环境前后端端口隔离:解决 index.html 冲突问题
前端·html
光影少年1 小时前
react16-react19类组件完整生命周期(挂载/更新/卸载)
前端·javascript·react.js
whinc2 小时前
Node.js技术周刊 2026年第14周
javascript·node.js
这个昵称也不能用吗?2 小时前
eas 热更新相关
前端
KaMeidebaby3 小时前
卡梅德生物技术快报|葫芦科植物遗传转化:Fast‑TrACC 工程化优化:葫芦科植物遗传转化效率提升与成本控制
前端·其他·百度·新浪微博
换日线°3 小时前
vue 加入购物车抛物线动画
前端·javascript·vue.js
计算机学姐3 小时前
基于微信小程序的图书馆座位预约系统【uniapp+springboot+vue】
vue.js·spring boot·微信小程序·小程序·java-ee·uni-app·intellij-idea
切糕师学AI4 小时前
为什么你的 SPA 网址必须包含 `#`?—— 前端路由 Hash 模式深度解析
前端·spa 网址·hash路由