在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

相关推荐
萌狼蓝天5 分钟前
[Vue]性能优化:动态首行与动态列的匹配,表格数据格式处理性能优化
前端·javascript·vue.js·性能优化·ecmascript
一 乐7 分钟前
宠物管理宠物医院管理|基于Java+vue的宠物医院管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·宠物
一 乐8 分钟前
学习辅导系统|数学辅导小程序|基于java+小程序的数学辅导小程序设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·学习·小程序
徐同保20 分钟前
react+antd Input回车输入生成tag组件
前端·react.js·前端框架
YL有搞头26 分钟前
webpack的构建流程以及loader和plugin
前端·webpack·node.js
T***160731 分钟前
JavaScript打包
开发语言·javascript·ecmascript
2503_9284115631 分钟前
11.20 vue项目搭建-单页面应用
前端·javascript·vue.js
BUG创建者31 分钟前
项目中使用script-ext-html-webpack-plugin
前端·webpack·html
极光代码工作室42 分钟前
基于SpringBoot的校园招聘信息管理系统的设计与实现
java·前端·spring
打小就很皮...1 小时前
React VideoPlay 组件封装与使用指南
前端·react.js·video