我有Quasar App,我已连接vuex,我为vuex创建了一个单独的文件作为模块,如下所示:我在vuex中创建了一个空数组如果在浏览器中打开Vue扩展,我会看到该vuex返回对象,该对象存储数组而不只是数组
如何只存储数组而不是对象?
我创建了一个vuex文件,如下所示:
在store / index.js文件中,我导入了cars.js文件:
import Vue from 'vue'
import Vuex from 'vuex'
import cars from "src/store/module-example/cars";
Vue.use(Vuex)
export default function (/* { ssrContext } */) {
const Store = new Vuex.Store({
modules: {
cars
},
// enable strict mode (adds overhead!)
// for dev mode only
strict: process.env.DEBUGGING
})
return Store
}
Cars.js文件:
import axios from "axios";
const state = {
cars: []
}
const mutations = {
SET_CARS: (state, cars) => {
state.cars = cars;
}
}
const actions = {
async GET_ALL_CARS_FROM_API({commit}) {
let result = await axios.get('http://localhost:8050/api/cars');
commit("SET_CARS", result.data)
}
}
const getters = {
GET_ALL_CARS: (state) => {
return state.cars;
}
}
export default {
namespaced: true,
state,
mutations,
actions,
getters
}
result.data
是一个对象。为了设置cars
为普通数组,只需将其设置为result.data.cars
commit("SET_CARS", result.data.cars)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句