vuex action中{commit}是什么写法???

简介: vuex action中{commit}是什么写法???

Vuex 中 使用 Action 处理异步请求时,常规写法如下

 mutations: {
  setToken (state, token) {
      state.token = token
      setToken(token)
    },
 }
AI 代码解读
 handleLogin :(context) =>{
        context.commit('setToken ','参数')
    }
 }
 
AI 代码解读

我们也可以使用如下简化写法,如下:

actions: {
    // 登录
    handleLogin ({ commit }, {userName, password}) {
      userName = userName.trim()
      return new Promise((resolve, reject) => {
        login({
          account: userName,
          password
        }).then(res => {
          const data = res.data
          if (data.data) {
            commit('setToken', data.data)
          }
          resolve(data)
        }).catch(err => {
          reject(err)
        })
      })
    },
AI 代码解读
目录
打赏
0
0
0
0
0
分享
相关文章
数据中台如何实现数据共享?用这个工具即可
DataAPI,通过双模式可视化配置生成与注册API,快速构建Oneservice数据服务,形成企业级的API市场和API服务管理平台,提高数据开放与共享效率
5434 0
|
9月前
|
Java|List.subList 踩坑小记
不应该仅凭印象和猜测,就开始使用一个方法,至少花一分钟认真读完它的官方注释文档。
131 1
|
12月前
|
Java如何对List进行排序?
【7月更文挑战第26天】
500 9
Java如何对List进行排序?
SNETCracker.exe 2022/1/26 31:13:29----检查12.26.20.1:SSH登录发生异常!未能加载文件或程序集“ChilkatDotNet4.dll”或它的某一个依赖项
SNETCracker.exe 2022/1/26 31:13:29----检查12.26.20.1:SSH登录发生异常!未能加载文件或程序集“ChilkatDotNet4.dll”或它的某一个依赖项
513 0
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
1200 3
三种获取苹果设备UID的方式
三种获取苹果设备UID的方式
3014 0
docker部署nacos集群
docker部署nacos集群
171 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问