vue项目子组件在打开时调用父组件传过来的props里的数据

最新推荐文章于 2024-10-10 13:13:22 发布

xu_duo_i

最新推荐文章于 2024-10-10 13:13:22 发布

阅读量109

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/xu_duo_i/article/details/142812058

版权

1 分析:

父组件在加载时就会加载子组件,所以此时调不到数据,

我们可以利用父组件内子组件的ref属性,获取子组件的方法,

在父组件的触发方法中调用直接传值

例:

父组件:

//父组件事件
 AttributesRelations(row){
      this.dialogForm = row
      this.$refs.AttributesRelationsRef.AttributesOpen = true
        //调用子组件方法 直接传值
      this.$refs.AttributesRelationsRef.FeedbackFun( row.id)
    },

子组件:

//子组件方法  (id为父组件传过来的值)
    FeedbackFun(id){
      findBycompanyIdList(id).then(res=>{
        if(res.code === 200){
          this.dataCheckYes = res.data
        }
      })
    },