特定的vue mixin函数无法执行

问题描述

我正在将Vue.js与我在Vue mixin下定义的全局函数一起使用。在我的组件中，我调用了与此Vue mixin不同的函数。但是，每当我尝试呼叫仅包含checkUser行的console.log(...)时，都不会发生。甚至没有在控制台中打印该行。

但是我想知道为什么这个mixin的其他功能，例如handleSubmit可以在同一组件中完全没有任何问题地被调用和执行。即使在相同的函数中。。。我什至试图重命名该函数，但不起作用。这也不是缓存问题，因为mixin上的其他更改有效，并且我刷新了app.js文件在我的浏览器中，并可以看到更改...

我的目标是检查用户是否已登录以及是否不显示错误消息。因此，需要在发出checkUser请求之前调用axios函数，并且axios请求需要等待，直到checkUser函数返回了{{1} }或true。我知道我需要一个false，但是，首先，我想弄清楚为什么现在要调用我的函数...？

这是我的源代码。如果您需要更多，请告诉我... app.js

if-statement

组件

require('./bootstrap');

import Vue from 'vue';
export const EventBus = new Vue();

Vue.component('products-list-view',require('./components/ProductListView.vue').default);

//Vue mixin
Vue.mixin({
    methods: {
        handleSubmitError(error){
            if(error.response.status == 403){
                // Show not logged in modal
                //EventBus.$emit('user-not-logged-in-show-modal');
            }else if(error.response.status != 422){
                window.toastr.error('Es gab einen Fehler','Es gab einen ungewöhnlichen Fehler,bitte probiere es später noch einmal!');
            }
        },formatPrice(value,decimals){
            let val = (value/1).toFixed(decimals).replace('.',',');
            return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g,".");
        },checkUser(user){
            console.log('TEST??!!')
        }
    }
});

window.app = new Vue({
    el: '#app'
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript mixins mixins vue.js