vue爷组件传值给孙组件,简单方法
正常我们在爷爷组件请求数据,然后将数据发到父亲组件,在由父组件发到孙子组件。这样会出现两次props。 父亲组件就是一个中间站。 其实有更简单的方式看代码<Son :value=“value”@changeValue=“changeValue” />--爷爷组件 引入父亲组件value 就是你想发给孙子的值data() {return {value: “qq”,};父亲组件– 这里就这
·
正常我们在爷爷组件请求数据,然后将数据发到父亲组件,在由父组件发到孙子组件。这样会出现两次props。 父亲组件就是一个中间站。 其实有更简单的方式
看代码
<div>
<Son :value="value" @changeValue="changeValue" />
</div> --爷爷组件 引入父亲组件 value 就是你想发给孙子的值
data() {
return {
value: "qq",
};
父亲组件 <template>
<div>
<Min v-bind="$attrs" v-on="$listeners"/> -- 这里就这么写 将方法和值带入孙子组件
<button @click="myFn">按钮</button>
</div>
</template>
},
孙子组件
<template>
<div>
{{this.$attrs.value}}
<button @click="submit">按钮触发</button>
</div>
</template>
methods:{
submit(){
this.$listeners.changeValue();
}
}
更多推荐
已为社区贡献3条内容
所有评论(0)