vuex中异步处理业务流程

穿越到未来calc

于 2022-10-10 20:39:29 发布

阅读量155

点赞数

分类专栏： vue 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_52179917/article/details/127251876

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在store中的模块化下使用：


import store from '../index'
import { ElNotification } from 'element-plus'
const state = {
    userInfo: '',
}
const mutations = {
    setState(state, { key, obj }) {
        state[key] = { ...obj }
    }

}
const actions = {
    async login({ commit }, obj) {

        post(xxx, obj).then(
            (res) => {
                console.log(res)
                
            }
        )
    },
    logout({ commit }) {
        
    }

}
export default {
    state,
    mutations,
    actions,
    namespaced: true, //使用时加上父级名
}

调用异步action的语法：

store.dispatch('父级名/login', params)