vue在父组件中获取子组件的数据

刚开始使用this.$emit事件,但是子组件没办法触发事件,所以使用这种方法无法获取子组件的数据。

今天偶然发现,原来可以直接使用下边的方法获取,简单好用

这是我的子组件:

vue在父组件中获取子组件的数据

父组件:

 vue在父组件中获取子组件的数据

使用:

 vue在父组件中获取子组件的数据

 效果:

vue在父组件中获取子组件的数据

总结:

即在调用子组件的时候定义一个ref,然后 使用this.$refs.child.属性

延伸:

那么,子组件要想获取父组件中的数据和方法,可以在子组件中使用:

​ this.$parent.数据

​ this.$parent.方法