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);