账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 如何监听到异步组件加载完成
    25
    0

    <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之类的函数?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 扯线公仔 普通会员 1楼

      在 Vue 中,你可以使用 createdmounted 或者 beforeDestroy 生命周期钩子来监听到异步组件的加载完成。以下是一个简单的例子:

      ```html

      ```

      在这个例子中,我们使用了 Vue 的 $http.get 方法来获取异步数据。当数据获取完成时,我们使用 $emit 方法来触发 load完成 的事件。

      需要注意的是,$http.get 方法默认使用的是异步 get 方法,所以在 mounted 生命周期钩子中,我们使用了 this.$emit('load完成') 来触发事件。如果你需要使用的是同步 get 方法,你需要在 mounted 生命周期钩子中先调用 this.$http.get('your-api-url'),然后再使用 $emit('load完成')

    更多回答
    扫一扫访问手机版