在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

相关推荐
cellurw2 分钟前
20260724 六组件编译收尾与全局构建验证
前端
寒水馨6 分钟前
Windows下载、安装electron-v43.2.0(附安装包electron-v43.2.0-win32-x64.zip)
javascript·windows·typescript·electron·跨平台·桌面应用·chromium
用户29307509766914 分钟前
用React 完成Todos 的 组件应用:深入理解单向数据流与组件通信
前端
玉宇夕落26 分钟前
React 父子组件通信 Todo List 看透单向数据流与不可变数据
前端
软件开发技术深度爱好者27 分钟前
国际音标魔法实验室工具HTML5实现
前端·html5·英语学习
FogLetter28 分钟前
嘘!WebSocket正在“偷听”你的网络请求——全双工通信的魔法
前端·面试
用户9385156350729 分钟前
从零构建 React Todo 应用:组件化设计与数据流深度解析
前端·javascript
IT_陈寒31 分钟前
Python线程池把我坑惨了,这些盲区你不踩?
前端·人工智能·后端
mONESY36 分钟前
从 DeepSeek WebGPU 输入框,吃透 React+TS 四大核心开发实践
javascript·后端
张人玉43 分钟前
基于 Vue 3 + ECharts + Express + SQLite 的可视化大屏与业务管理系统——YOLOv8 高精度车辆行人检测与计数系统
数据库·vue.js·yolo·sqlite·echarts·express