<keep-alive :max="30">
<template v-if="tab.name===activeName">
<component v-bind:is="currentTabComponent" v-bind="currentTabComponent.defaults"></component>
</template>
</keep-alive>
component 中的异步组件怎么知道何时加载完成,有没有callback之类的函数?
在 Vue 中,你可以使用 created
、mounted
或者 beforeDestroy
生命周期钩子来监听到异步组件的加载完成。以下是一个简单的例子:
```html
```
在这个例子中,我们使用了 Vue 的 $http.get
方法来获取异步数据。当数据获取完成时,我们使用 $emit
方法来触发 load完成
的事件。
需要注意的是,$http.get
方法默认使用的是异步 get
方法,所以在 mounted
生命周期钩子中,我们使用了 this.$emit('load完成')
来触发事件。如果你需要使用的是同步 get
方法,你需要在 mounted
生命周期钩子中先调用 this.$http.get('your-api-url')
,然后再使用 $emit('load完成')
。