Vue.js通过v-if加载组件，然后使用v-show

Question

我想通过v-if条件首次加载组件，但是一旦渲染，我想通过v-show切换其可见性，是否有实现它的首选方法？

Answer 1

如何在首次创建/安装组件时从组件中发出事件并侦听该事件以切换@each。

例如

v-show

<my-component v-if="componentLoad" v-show="componentLoaded && componentToggle"
              @load="componentLoaded = true" />

和组件中的

data: {
  componentLoad: false,
  componentLoaded: false,
  componentToggle: true,
}

然后，您只需要翻转mounted () { this.$emit('load') } 即可最初创建和安装组件，然后更改componentLoad来显示/隐藏它。