子组件调用父组件方法
1、一级子组件调用父组件的方法用 this.$emit
父组件:
methods:{
fatherMethod(param){
//param是子组件向父组件传的参数
console.log(param)
}
}
子组件:
this.$emit("fathermethod",param)
2、多级子组件调用父组件方法用provide/injece
父组件:
data () {
return {
}
},
provide() {
return {
fatherMethod: this.XXXX,
};
},
methods: {
XXXX(param){
}
},
子组件:
data() {
return {
}
},
inject: ["fatherMethod"],
调用的时候: this.fatherMethod(param);
在Vue.js中,子组件可以通过`this.$emit`触发父组件的方法,传递参数。多级子组件调用父组件方法则可以利用`provide/inject`进行数据注入,子组件直接调用注入的方法。
7074

被折叠的 条评论
为什么被折叠?



