mpvue 如何访问在App.vue 中定义的js方法?

发布于 2022-09-11 21:53:04 字数 187 浏览 17 评论 0

在App.vue 中定义的方法,如何在其他页面中调用呢

类似getApp 直接获取app.js 中的方法,但是我用getApp获取不到 App.vue export default 中定义的方法

我知道可以直接用对象合并的方法在vue的原型对象上加,但是总感觉App.vue 中应该是可以创建公共方法的,所以想请各路大神不吝赐教

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

和微信小程序使用一样;

onLoad() {
   let app = getApp()
},
恏ㄋ傷疤忘ㄋ疼 2022-09-18 21:53:04

父子组件通信,在父组件中调用子组件,并将父组件的方法传递给子组件
<child @showbox="toshow"></child>
然后在子组件中调用父组件传递过来的方法

methods: {
   open() {
        this.$emit('showbox','参数'); //触发showbox方法,也可以传递参数
    }
}

兄弟组件通信
新建一个js,在里面创建一个vue实例,抛出

export const eventBus = new Vue()

在需要通信的两个组件中分别引入新建的js文件

import { eventBus } from '../event.js'

在哥哥组件中执行弟弟组件中的方法

methods: {
    msg() {
        eventBus.$emit('blur','传递的参数');
    }
}

在弟弟组件中定义方法

created() {
  vm.$on('blur', msg => { 
        this.test= msg; // 接收哥哥组件传递的参数
    });
}
淡淡の花香 2022-09-18 21:53:04

您好,你的问题最后解决了嘛?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文