在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

相关推荐
江拥羡橙10 小时前
Vue和React怎么选?全面比对
前端·vue.js·react.js
千码君201611 小时前
React Native:快速熟悉react 语法和企业级开发
javascript·react native·react.js·vite·hook
楼田莉子12 小时前
Qt开发学习——QtCreator深度介绍/程序运行/开发规范/对象树
开发语言·前端·c++·qt·学习
暮之沧蓝12 小时前
Vue总结
前端·javascript·vue.js
木易 士心13 小时前
Promise深度解析:前端异步编程的核心
前端·javascript
im_AMBER13 小时前
Web 开发 21
前端·学习
又是忙碌的一天13 小时前
前端学习day01
前端·学习·html
Joker Zxc13 小时前
【前端基础】20、CSS属性——transform、translate、transition
前端·css
excel13 小时前
深入解析 Vue 3 源码:computed 的底层实现原理
前端·javascript·vue.js
大前端helloworld13 小时前
前端梳理体系从常问问题去完善-框架篇(react生态)
前端