美文网首页
vue前端,嵌套三层的时候$nextTick失效

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

作者: cjlynn | 来源:发表于2019-10-25 16:16 被阅读0次
- 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();
      }
    });
}

相关文章

网友评论

      本文标题:vue前端,嵌套三层的时候$nextTick失效

      本文链接:https://www.haomeiwen.com/subject/vfasvctx.html