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

发布于 2022-09-07 15:35:06 字数 542 浏览 23 评论 0

使用了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

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

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

发布评论

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

评论(4

写下不归期 2022-09-14 15:35:06

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

笔芯 2022-09-14 15:35:06

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

以往的大感动 2022-09-14 15:35:06

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

半衬遮猫 2022-09-14 15:35:06
    if (err.message === 'Network Error') 
    //  alert('请检查网络链接');
    console.log('打印:',Vue.$vux)
    Vue.$vux.toast.show({
        title: 'title',
        type: 'warn',
        text: '网络异常'

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

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