在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

相关推荐
世界哪有真情17 分钟前
AI 写代码两年多,我发现自己越来越"看不进去"了
前端·后端·ai编程
星栈19 分钟前
被 Rust async 纠正的三个异步认知
前端·后端·rust
前端_刘师兄31 分钟前
前端开发工程师转FAE工程师路线规划
前端
禁止摆烂_才浅33 分钟前
前端 AI 面试题
前端·面试·ai编程
程序员老赵35 分钟前
Docker 部署 ZLMediaKit:轻松搭建高性能流媒体服务平台
前端·javascript·后端
Liora_Yvonne36 分钟前
为什么每次发版,总有用户看到白屏?
前端
风月说与山鬼39 分钟前
四、浏览器存储
前端·vue.js
hunterandroid42 分钟前
[Android 从零到一] ViewPager2 与 Fragment 生命周期协同:从预加载到状态一致性
android·前端
cindershade43 分钟前
别盯着 dist:Vite 应用的下载与执行成本治理闭环
前端
拾年2751 小时前
前后端分离开发,别再"傻等"后端接口了——聊聊前端接口工程
前端·javascript·react.js