天天看点

vue 调用父页面方法

1,使用$parent方法

//在父组件中
data(){
    return{
        a:1
    }
}
           
//在子组件中
this.$parent.a++
           

2,使用 依赖注入 (推荐使用)

//父组件
export default {
  name: 'App',
  provide(){
      return{
          say:this.say
      }
  },
  methods:{
      say(){
          alert("这是父页面的方法");
      }
  }
}
           
//在子组件中
export default {
        inject:['say'],
        methods:{
         recv(){
             this.say();
         }
        }
    }