在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

相关推荐
晚安日记wanna2 分钟前
Vue3 script setup 的四层追问答到第三层才算过关
前端·vue.js·面试
前端柱子8 分钟前
Chaikin‘s Corner Cutting 算法 应用canvas绘制平滑的曲线
前端
gnip11 分钟前
uts 插件示例:获取设备电量信息
前端·javascript
码上成长16 分钟前
Mapbox 上用 Turf 裁多边形:屏幕贴边了,接口却说越界
前端·前端框架
计算机魔术师21 分钟前
纽约时报告了OpenAI和微软:820万条聊天记录背后,是AI时代最大的版权保卫战
前端
码事漫谈28 分钟前
在 Kubernetes 上管好数据库:金仓 KES-Operator 正式落地
前端·后端
six_33 分钟前
RiverPlusCOM Web:不用安装的在线串口调试助手
vue.js·程序员
用户18806874935234 分钟前
手上全是油,我怎么让rokid眼镜在厨房里教我炒菜
前端
gnip36 分钟前
uni-app 原生插件
前端·javascript·uni-app
gnip44 分钟前
跨域常用解决方案
前端·javascript