父组件访问子组件的方法或者data数据,经常出现访问失败的解决方案

往往我们在开发项目时都经常用到 $refs 来直接访问子组件的方法,但是这样调用的时候可能会导致数据的延迟滞后的问题,则会出现bug。

解决方法则是推荐采取异步回调的方法,然后传参进去,严格遵守vue的生命周期就可以解决 推荐 es6 的promise。

示例代码:


handleAsync () {

    return new Promise(resolve=>{

       const res="";

        resolve(res)

})

}



async handleShow() {

    await this.handleAsync().then(res=>{

    this.$refs.child.show(res);

})

}

posted @ 2022-11-07 14:45  SultanST  阅读(24)  评论(0编辑  收藏  举报