找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 115|回复: 0

vue 子页面怎么调用父页面的方法

[复制链接]

231

主题

2

回帖

826

积分

管理员

积分
826
发表于 2024-11-3 10:50:48 | 显示全部楼层 |阅读模式
父页面:
<template>
  <div id="app">
    <router-view/>
  </div>
</template>


<script>
export default {
  name: 'App',
  provide(){
      return{
          say:this.say
      }
  },
  methods:{
      say(){
          alert("这是父页面的方法");
      }
  }
}
</script>


<style>
</style>

子页面:
<template>
    <button @click="recv">点击调用父页面的方法</button>
</template>
<script>
    export default {
        inject:['say'],
        methods:{
         recv(){
             this.say();
         }
        }
    }
   
</script>

微信扫一扫,分享更方便

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|代码人 ( 皖ICP备17023346号-3|京公网安备11011402054264号 )

GMT+8, 2024-12-23 14:41 , Processed in 0.112656 second(s), 27 queries .

© 2024 Daimaren.com 版权所有

快速回复 返回顶部 返回列表