vue学习之路 —— vue 子页面调用父页面方法

父页面:

export default {
  provide(){
    return {
      goBack:this.goBack
    }
  },

   goBack(){
      alert('这是一个父页面的方法');
  }
}

子页面:

<template>
   <el-button @click="backList()">返回</el-button>
</template>

export default {
     inject:['goBack'],
     backList(){
        this.goBack();
      }
}
 

猜你喜欢

转载自www.cnblogs.com/xwtbk/p/11113207.html