vue组件的依赖注入（父组件异步数据后传）

最新推荐文章于 2022-06-16 20:52:12 发布

GQ_cyan

最新推荐文章于 2022-06-16 20:52:12 发布

阅读量627

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/GQ_cyan/article/details/108469960

版权

vue 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

1.初始父组件provide给出：

data(){
    return {
     //后传数据
     stepCanAdd: {}
    }
},
provide () {
    return {
      getChangeNew: () => this.stepCanAdd
    };
},
methods: {
   //获取异步数据
    getStep () {
      apiGet.ProductPlanApi.GetStep({
        getParams: {
          ideaId: this.guid
        }
      }).then((response) => {
        if (response.Code === 200) {
          this.stepCanAdd = response.Content;
        } else {
          this.$message.error(response.Message);
        }
      });
    }
}

2.n阶子代获取使用：

data(){
    return{
        //承接数据
        CanAdd:{}
    }
},
inject: ['getChangeNew'],
computed: {
    ChangeNewstepCanAdd() {
      return this.getChangeNew();
    }
},
watch: {
    ChangeNewstepCanAdd(val) {
      this.CanAdd = val
    }
 }