Vuejs 通过 v-if 加载组件，然后使用 v-show

【问题标题】：Vuejs load component via v-if and use v-show afterwardsVuejs 通过 v-if 加载组件，然后使用 v-show
【发布时间】：2019-10-16 18:07:52
【问题描述】：

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

【问题讨论】：

【解决方案1】：

如何在组件首次创建/安装时从组件发出事件并监听该事件以切换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 来初始创建和安装组件，然后更改componentToggle 以显示/隐藏它。

【讨论】：