vue在父组件中获取子组件的数据
刚开始使用this.$emit事件,但是子组件没办法触发事件,所以使用这种方法无法获取子组件的数据。
今天偶然发现,原来可以直接使用下边的方法获取,简单好用
这是我的子组件:
父组件:
使用:
效果:
总结:
即在调用子组件的时候定义一个ref,然后 使用this.$refs.child.属性
延伸:
那么,子组件要想获取父组件中的数据和方法,可以在子组件中使用:
this.$parent.数据
this.$parent.方法