问题描述

如下代码：如果 MachineQuery 中使用了 element 的库（不确定是哪些组件），v-show 会失效…

<machine-query v-show="siderBar == 'MachineQuery'" id="trace" ref="trace" />

解决方案

1、使用 v-if 替换 v-show，这个不需要很费心，换个指令即可

2、如果有时候一定要使用 v-show，可以使用如下解决方案：在组件外套一层 div 即可，将 v-show 在 div 上使用：

<div v-show="siderBar == 'MachineQuery'"><machine-query id="trace" ref="trace" />
</div>

本质上应该是因为 v-show 不支持 <template> 标签

Vue 使用 v-show 失效相关推荐

Vue Cli4 热更新失效，浏览器不会自动刷新内容
Vue Cli4 热更新失效在VScode中,需要保存文件后自动刷新浏览器的内容,否则还得手动刷新浏览器,给开发造成极大的不便.我们要在项目根目录下找到vue.config.js(若没有这个文件,则 ...
vue第二次ajax失效,解决VUE-Router 同一页面第二次进入不刷新的问题
最近正好遇到一个问题,修改用户的头像,修改后再进入用户主页,发现改了之后即使数据变了..页面也不会重新渲染... 下面提供几种解决方案来给予大家参考: 1. 可以在刷新的页面定义一个参数, 这样每次都 ...
vue 点击事件失效检查办法
第一使用控制台检测看你一下你的元素控件的真实size是不是根本没有撑起来加上样式把界面撑起来 height: 100%;width: 100%; 检测一下margin之类的使用的控件本身问题设 ...
使用vue.js路由后失效
新学了vue.js中的路由在之前写的vue的demo上加上了简单的路由例子(来自vue-router 2),但是加上点击后只有地址栏变化,内容并不变.且之前用jquery写的一些效果也失效了.最后找 ...
vue 3.0 keep-alive 失效报错 Cannot read properties of null (reading ‘parentNode‘)
版本: vue "3.2.4" vue-loader "16.4.1" vue-router "4.0.11" <router-vie ...
vue搭配animate4版本失效
搭配animate4失效了,那么算了,先用vant先把 <template><div><div><h3>动画过渡</h3><butto ...
【vue项目部署CSS失效】VUE部署后css样式加载无效和失效多种情况解决方案
[写在前面]vue3在vscode运行正常.build后在IDEA运行正常,但是当部署在服务器上运行发现样式加载不出来,下面我们针对这些情况进行复现与解决. 一.问题分析困扰我好久,当即百度原因,百 ...
vue使用中icon图标失效问题（已解决）
图标失效前: 这是因为从ElementPlus@1.20起icon包改名了,站在要用import {图标名字} from '@element-plus/icons-vue' 改成方式: <scr ...
vue 点击事件失效
点击事件失效的情况,总共有三种 1. 没有点到那个元素,比如说div>span 事件绑定在div上,但是它可能点来点去是在span标签上面,这种情况,把@click点击事件绑定到span上测试一 ...
解决Vue项目打包ProxyTable失效的解决办法
在使用npm run build将项目打包完成之后会发现使用ProxyTable失效,因为该代理跨域的方法只能在本地开发生效解决办法 1.将proxy对应的内容注释掉 2.将项目部署在nginx服务 ...

Vue 使用 v-show 失效

Vue v-show 失效

问题描述

解决方案

Vue 使用 v-show 失效相关推荐

最新文章

热门文章