问题描述

如下代码：如果 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> 标签