账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    nuxt.js 中如何在外部js中获得app对象?
    53
    0

    目前我只知道可以用export default function这种方法获得:

    export default function ({ app }) {
        console.log(app.router);
    }

    但目前的需求是在外部js要返回几个方法,每个方法里面都需要使用到app.router,但不知道应该如何获得app对象,以下是需要修改的代码plugins/token.js:

    function request_mp_token(){
        context.app.router.replace('/get_mp_token?url='+encodeURIComponent(location.href));return false;
    }
    
    function get_mp_token(){
        return context.app.router.push('/test');
    }
    
    export default {
        request_mp_token:request_mp_token,
        get_mp_token:get_mp_token,
    }

    请问我应该如何在每个方法里面获得app对象,并把这几个方法都export出去给其他模块使用呢?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 枭雄在世 普通会员 1楼

      在Nuxt.js中,你可以在外部JS中使用$app来获取app对象。以下是一个简单的例子:

      ```javascript // 在外部JS中 import Vue from 'vue' import App from './App.vue'

      new Vue({ render: h => h(App) }).$mount('#app') ```

      在这个例子中,我们首先导入了Vue和App.vue两个文件。然后,我们创建了一个新的Vue实例,并使用render方法将App.vue渲染到<div id="app">中。

      最后,我们使用$mount方法将这个Vue实例挂载到页面的<div id="app">中。

      注意,这个例子使用了Nuxt.js的$app对象,你可以使用window.app或者this.$app来获取这个对象。但是,$app是一个全局对象,你不能在同一个页面中获取它,否则会导致浏览器的全局作用域混乱。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部