vuex中的 actions 中,是不能使用 this.$message.error() 的

vuex 中如何获取 vue 的 this ?

vuex 中的 actions 中,是不能使用 this.$message.error('xxx失败') 的,

因为,vuex中没有.vue中的this,但是,可以通过下面这种方法哦,如下:

某.vue文件
javascript 复制代码
this.$store.dispatch('xxx', {
	form: data.form,
    _this: this // 在这里传入该组件的this,vuex中即可获取this
})
vuex中
javascript 复制代码
async xxx({ commit, state }, payload) {
      let { _this } = payload
      try {
        let { state, data, message } = await fafaApi.getVerifyFilmList()
        if (state === 200) {
          commit('SET_TASK_DATA', filteredData)
        } else {
          _this.$message.error(message)
        }
      } catch (error) {
        _this.$message.error(error)
      }
}
相关推荐
代码不加糖8 小时前
js中不会冒泡的事件有哪些?
前端·javascript·vue.js
懂懂tty8 小时前
Vue2与Vue3之间API差异
前端·javascript·vue.js
老毛肚9 小时前
软件测试期末考试
vue.js
杨若瑜10 小时前
本地开发环境慢?localhost的锅!
vue.js
xsbcme14 小时前
VueTabRouter 插件实践(一):多标签页不是一排 TabBar
vue.js
云水一下15 小时前
Vue.js从零到精通系列(三):组件化基础——Props、Emits、插槽与生命周期
前端·javascript·vue.js
英勇无比的消炎药18 小时前
少踩坑TinyVue插槽事件编码规范详解
vue.js
2401_8685347819 小时前
5G和4G接入网对比介绍
vue.js
chushiyunen19 小时前
vue export default
前端·javascript·vue.js
北极星日淘20 小时前
可买免税店货物与安耐晒——特殊商品代购技术方案
javascript·vue.js·elementui