渲染后的子组件给父组件传值

最新推荐文章于 2024-08-18 13:53:12 发布

极端~

最新推荐文章于 2024-08-18 13:53:12 发布

阅读量245

点赞数 1

分类专栏： vue学习笔记文章标签： vue

本文链接：https://blog.csdn.net/han_xiao_xiao/article/details/115168429

版权

26 篇文章 0 订阅

订阅专栏

写了个三级联动子组件，在父组件界面想要拿到渲染后子组件的值。

后来发现思路有问题，可以在父组件中mounted里用nextTick，拿到渲染后的所有值，
但是.属性名却拿到的是空值。

   this.$nextTick(()=> {
     let chil = this.$refs.child
     console.log(this.$refs.child)
     console.log(this.$refs.child.属性名)
  // })

这是因为在子组件中，return data（）{ 属性名:"" } 定义的初始值就为空

所以解决方案有两种：
第一种：
换个思路，把子组件中通过axios接口拿数据的代码写在父组件里，通过props把得到的数据传给子组件。完美的拿到了子组件的数据。

第二种：子传父也可以，用$emit ，父组件用个变量去接收。但是经验之谈，这样可能会有一点问题。推荐第一种。

好了，遇见个问题，记录一下~

关注

专栏目录