在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

相关推荐
Never_Satisfied6 分钟前
在JavaScript / HTML中,判断指定的元素是否含有某个类
开发语言·javascript·html
下北沢美食家7 分钟前
HTML面试题
前端·html
巴巴博一11 分钟前
UniApp 纯前端实现企业级购物车:Vuex + Storage 多用户状态管理闭环方案
前端·vue.js·uni-app·状态模式
未来之窗软件服务11 分钟前
自己写算法(十)js加密UUID保护解密——东方仙盟化神期
java·javascript·算法·代码加密·东方仙盟算法
浮桥13 分钟前
uniapp页面列表列表请求hook记录
前端·javascript·uni-app
bluceli15 分钟前
前端微前端架构实战指南:构建可扩展的大型应用架构
前端
进击的尘埃15 分钟前
给 PR 接一个 LLM 自动 Review:GitHub Actions 落地踩坑全记录
javascript
阿懂在掘金15 分钟前
Vue Asyncx 库三周年,回顾起源时的三十行代码
前端·typescript·开源
一只不会编程的猫16 分钟前
Echart 3D环形图
前端·javascript·3d
脸大是真的好~16 分钟前
黑马AI+前端教程 01-HTML-Trae-F12-live Server-标签-块级和内联元素-图片格式-路径
前端·html