【VUE】异步等待，同步调接口

最新推荐文章于 2024-04-25 09:04:38 发布

tx_xiaobai

最新推荐文章于 2024-04-25 09:04:38 发布

阅读量2.2k

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/tx_xiaobai/article/details/109218509

版权

vue 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

本文探讨了两种在Vue中实现组件间异步交互的方法：使用async/await和this.$nextTick。通过示例代码，展示了如何在mouseleave事件中，如何优雅地调用子组件方法并确保执行顺序。对于复杂应用，理解并正确使用这些异步处理技巧至关重要。

摘要由CSDN通过智能技术生成

一、使用 async await 方法
async mouseleave(e,node,data){

    this.qwer = data.dataID;

    await this.$refs.rightContent.mouseleave(this.qwer)

   // 调用 rightContent 组件中的 方法
   await this.$refs.rightContent.callchildmethod();
},


二、使用 this.$nextTick(()=>{{}), 这个方法就相当于 setTimeout
mouseleave(e,node,data){
    var that = this;
    this.qwer = data.dataID;

    this.$refs.rightContent.mouseleave(this.qwer)

    // 调用 rightContent 组件中的 方法
    this.$nextTick(()=>{
        that.$refs.rightContent.callchildmethod();
    })
},