vue.js 父组件主动获取子组件的数据和方法、子组件主动获取父组件的数据和方法
父组件主动获取子组件的数据和方法
1.调用子组件的时候 定义一个ref
<headerchild ref="headerChild"></headerchild>
在父组件里面通过
this.$refs.headerChild.属性
this.$refs.headerChild.方法
2.子组件主动获取父组件的数据和方法 element-ui中 不行
在子组件里面通过
this.$parent.属性
this.$parent.方法
3. 子组件获取父组件(无层级限制)
父组件:
provide() {
return {
template: this
}
}
子组件
inject: ['template']
子组件通过this.template.属性 this.template.方法