this.$vux.toast.show 不触发,this. vux undefined

使用了vux的UI框架,然后我在main.js中引入了vux

clipboard.png

然后在login.vue的组件登录,分发事件到store中触发登录的action,然后axios请求,然后在axios的返回拦截器中,this.$vux.toast.show 不起作用,打印了this.$vux 是undefined,求助一下,是得如何才能正确引入并使用

clipboard.png

clipboard.png

clipboard.png

阅读 4.7k
4 个回答

在js中访问vux的话可以这样, 前提是main.js中已经Vue.use(ToastPlugin)
1、import Vue from 'vue'
2、Vue.$vux.toast.show()
我是这样写的,你可以看下:https://github.com/juzkai/vue...

亲,你在 js 文件里面当然访问不到 this.$vux, 在 vue 文件中才能访问到呀。

1.没有全局注册vux到vue的实例上
2.在非vue的组件里this不是指向组件实例对象

新手上路,请多包涵
    if (err.message === 'Network Error') 
    //  alert('请检查网络链接');
    console.log('打印:',Vue.$vux)
    Vue.$vux.toast.show({
        title: 'title',
        type: 'warn',
        text: '网络异常'

      })
 请问下 这样子为啥toast 的样式不对呢  样式需要在哪里设置呢,求大神解答

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题