gpt4 book ai didi

javascript - mounted() 仅在组件 Vue.js 上运行一次

转载 作者:可可西里 更新时间:2023-11-01 02:41:42 27 4
gpt4 key购买 nike

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

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

我在 mounted() 下有两个组件的加载动画,我只想在第一次加载它们时运行。但是对于已安装的组件,每次当 this.mode 更改时重新创建组件时,动画都会再次触发。我怎样才能避免这种情况?

最佳答案

您可以将您的组件包装在一个keep-alive 元素中..

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

关于javascript - mounted() 仅在组件 Vue.js 上运行一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54832985/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com