在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

相关推荐
六月June June1 小时前
自定义调色盘组件
前端·javascript·调色盘
SY_FC2 小时前
实现一个父组件引入了子组件,跳转到其他页面,其他页面返回回来重新加载子组件函数
java·前端·javascript
糟糕好吃2 小时前
我让 AI 操作网页之后,开始不想点按钮了
前端·javascript·后端
陈天伟教授2 小时前
人工智能应用- 天文学家的助手:08. 星系定位与分类
前端·javascript·数据库·人工智能·机器学习
VaJoy2 小时前
给到夯!前端工具链新标杆 Vite Plus 初探
前端·vite
颜酱3 小时前
BFS 与并查集实战总结:从基础框架到刷题落地
javascript·后端·算法
小彭努力中4 小时前
191.Vue3 + OpenLayers 实战:可控化版权信息(Attribution)详解与完整示例
前端·javascript·vue.js·#地图开发·#cesium
奇舞精选4 小时前
用去年 github 最火的 n8n 快速实现自动化推送工具
前端·agent
奇舞精选4 小时前
实践:如何为智能体推理引入外部决策步骤
前端·agent
无限大64 小时前
AI实战02:一个万能提示词模板,搞定90%的文案/设计/分析需求
前端·后端