vue:子组件以及嵌套的子组件调用父组件方法

子组件调用父组件方法

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,前端,javascript)