vue+vuex+es6接口调用封装

小实例：

getCar.js

import { udao } from '@/api' const getCar = { state: { CodeList: [] }, mutations: { SET_CODE: (state, codeList) => { state.CodeList = codeList } }, actions: { async getCode({ commit }, car) { const s = 'Transmanager.getPcOrder' const b = { CL_Code: car.CL_Code, type: car.type } const res = await udao(s, b) console.log('我是车辆信息', res) commit('SET_CODE', res.info) } } } export default getCar

index.js

import Vue from 'vue' import Vuex from 'vuex' import getCar from './modules/getCar' Vue.use(Vuex) const store = new Vuex.Store({ modules: { getCar }, getters }) export default store

getters.js

const getters = { CodeList: state => state.getCar.CodeList } export default getters

页面调用：

// 查看订单详情 async arriveSelect(row) { const b = { CL_Code: row.CR_Code, type: '2' } await this.$store.dispatch('getCode', b) console.log(11111122222, this.$store.getters.CodeList) this.carloadOpt.list = this.$store.getters.CodeList }