美文网首页
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