mount()只在组件Vue.js上运行一次

Question

我有两个有条件渲染的组件v-if:

<Element v-if="this.mode === 'mode'"/>
<OtherElement v-if="this.mode !== 'mode'"/>

我有两个组件的加载动画mounted(),我只想在第一次加载时运行.但是在安装时,每次this.mode更改时都会重新创建组件,动画会再次触​​发.我怎么能避免这个？

Answer 1

您可以将组件包装在keep-alive元素中。

<keep-alive>
    <Element v-if="this.mode === 'mode'"/>
    <OtherElement v-else />
</keep-alive>