vue 里 this.$parent 作用

1.子组件和组件的通信this.$parent 可以访问到父组件上所有的 data(){ 里的数据信息和生命周期方法，methods里的方法 }！2.子组件和同级别子组件的通信<parentc><childA></childA><childB ref="childB"></childB></parentc>问：假设child

Yetian_2000

7065人浏览 · 2021-01-20 14:24:17

Yetian_2000 · 2021-01-20 14:24:17 发布

1.子组件和组件的通信

this.$parent 可以访问到父组件 上所有的 data(){ 里的数据信息和生命周期方法，methods里的方法 }！

2.子组件和同级别子组件的通信

<parentc>
	<childA></childA>    
	<childB ref="childB"></childB>
</parentc>

问：假设childA组件中定义了data1数据，我怎么把data1赋值传递给组件B的data2呢？

答：在childA组件中method里可以写如下，就ok了

this.$parent.$refs.childB.data2=this.data1

因为this. $p a r e n t 就相当于是拿到了父组件 t h i s .$ parent.$refs.childB就是拿到了childB 组件

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^