在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

相关推荐
Cg136269159743 分钟前
Element-入门
前端
萝卜白菜。4 分钟前
TongWeb7.0配置tongweb-web.xml修改jsessionid名及其值的长度
xml·前端·word
同元软控6 分钟前
同元“AI工程七步法”实践:把桌面CAD搬到Web
前端·人工智能
余瑜鱼鱼鱼8 分钟前
css常用功能总结(三)(Chrome 调试工具 -- 查看 CSS 属性)
前端·css·chrome
总有刁民想爱朕ha12 分钟前
数据库行统计和字典导出工具Web版
前端·数据库
大雷神13 分钟前
HarmonyOS APP<玩转React>开源教程二十二:每日一题功能
前端·react.js·开源·harmonyos
技术钱13 分钟前
vue3基于 Vxe Table 实现可拖拽分组 + 动态求和的高级表格
javascript·vue.js
还是大剑师兰特14 分钟前
Vue3 + Element Plus 日期选择器:开始 / 结束时间,结束时间不超过今天
前端·javascript·vue.js
不会写DN14 分钟前
Js常用数组处理
开发语言·javascript·ecmascript
Robbie丨Yang15 分钟前
前端工程构建优化实践指南
前端