每次在调用vux的toast插件的时候 大都是在vue项目的实例中。
main.js
import Vue from 'vue'; import { ToastPlugin } from 'vux' Vue.use(ToastPlugin)
Vue页面中
export default { data () { return {} }, methods: { goToast() { this.$vux.toast.show({ type: 'text', position: 'middle', text: "消息提示!" }) } }
}
但当在api.js中调用toast的写法就不是如此了。代码如下:
import Vue from 'vue'; import { ToastPlugin } from 'vux' Vue.use(ToastPlugin) let vm = new Vue() vm.$vux.toast.show({ type: 'text', position: 'middle', text: "消息提示!" })