vue前端,嵌套三层的时候$nextTick失效

2019-10-25  本文已影响0人  cjlynn
- page A
    - page B
        - page C 

pageA是一个页面,引入pageB,pageB是一个对话框,引入pageC页面
下面是正确的调用姿势,pageB不能跟pageA一样写在一起,需要拆分开,所以pageA调用B的时候先显示对话框再用$nextTick加载。

pageA

this.$refs.pageB.showDialog();
this.$nextTick(()=>{
    this.$refs.pageB.loadPage();
});

pageB

showDialog() {
    this.dialogFormVisible = true;
},
loadPage() {
    this.$refs.pageC.loadPage();
}

pageC

loadPage() {
    let _this = this;
    _this.handleUser((res)=>{
      if (res.data.code == 200) {
        _this.currentUser = res.data.data;
        _this.handleXXX();
      }
    });
}
上一篇下一篇

猜你喜欢

热点阅读