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

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

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

 mutations: {
  setToken (state, token) {
      state.token = token
      setToken(token)
    },
 }
 handleLogin :(context) =>{
        context.commit('setToken ','参数')
    }
 }
 

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

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)
        })
      })
    },
相关文章
|
5月前
|
前端开发 JavaScript BI
轻松搞定vue3+Pinia-2-修改state-patch-actions
轻松搞定vue3+Pinia-2-修改state-patch-actions
109 0
|
2天前
|
JavaScript
vuex如何在actions中传递参数
在Vuex的`actions`中传递参数可以提高其灵活性和复用性。
|
17天前
|
JavaScript
vue中router页面之间参数传递,params失效,建议使用query
vue中router页面之间参数传递,params失效,建议使用query
9 0
|
5月前
|
Go
Vue3.0实现todolist之跳转路由(常用的push,back,go等方法)
Vue3.0实现todolist之跳转路由(常用的push,back,go等方法)
44 1
|
6月前
|
JSON JavaScript 数据格式
vue query传参刷新后数据变成[Object Object]
vue query传参刷新后数据变成[Object Object]
39 0
|
8月前
|
JavaScript
Vue 更新数据 Vue.set 的属性和方法
Vue 更新数据 Vue.set 的属性和方法
|
8月前
Vuex ---Actions 异步修改
Vuex ---Actions 异步修改
|
JavaScript
redux ts(typescrip) reducer中action的类型检查
实现的业务场景,我想实现一个用户管理的功能,可以新增用户,删除,修改用户等。每一个功能都是独立的并且所需要的参数是不一样的,所以做了以下类型检查。
redux ts(typescrip) reducer中action的类型检查
|
前端开发 JavaScript 索引
React中this.setState({xxx:''})与this.state.xxx='' 有区别吗?
React中this.setState({xxx:''})与this.state.xxx='' 有区别吗?
177 0
|
JavaScript 数据库
vue中axios的使用方式(get post delete put)
vue中axios的使用方式(get post delete put)
162 0