在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

相关推荐
光影少年5 小时前
Polyline 组件如何绘制渐变区域?
前端·javascript·掘金·金石计划
Pkmer5 小时前
古法编程: React思维模型快速建立
前端·react.js
普通网友5 小时前
JavaScript:ESLint+Prettier 规范代码格式
开发语言·javascript·ecmascript
jiayong235 小时前
第 38 课:任务列表里高亮当前正在查看详情的任务
开发语言·前端·javascript·vue.js·学习
anOnion6 小时前
构建无障碍组件之Spinbutton Pattern
前端·html·交互设计
程序员Better6 小时前
前端成功转型AI全栈,我踩过的坑都替你填上了
前端·后端·ai编程
兔子零10246 小时前
GPT-5.5 与 DeepSeek-V4:大模型竞争的本质,正在从“谁更强”变成“谁让成本更低”
前端·javascript·后端
Daybreak6 小时前
幽灵依赖:本地跑得好好的,线上部署却炸了
前端
无心使然云中漫步6 小时前
Openlayers调用ArcGis地图服务之一 —— 地图切片(/tile)
前端·arcgis·vue·数据可视化
火山口车神丶6 小时前
如何借助AI进行模块封装DIY
javascript·人工智能·算法