为什么vuex在Quasar App中返回对象而不是数组?

肯福斯

我有Quasar App,我已连接vuex,我为vuex创建了一个单独的文件作为模块,如下所示:我在vuex中创建了一个空数组如果在浏览器中打开Vue扩展,我会看到该vuex返回对象,该对象存储数组而不只是数组

威克斯

如何只存储数组而不是对象?

我创建了一个vuex文件,如下所示:

Vuex Fle

在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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么SQL返回数组而不是对象?

来自分类Dev

为什么Vuex状态返回数组作为对象

来自分类Dev

为什么Quasar抽屉会在Vue应用程序中覆盖Quasar工具栏?

来自分类Dev

为什么setData中的对象不是数据中的数组?

来自分类Javascript

为什么带有对象的typeof数组返回“对象”而不是“数组”?

来自分类Javascript

为什么函数的自变量不是JavaScript中的数组对象?

来自分类Dev

为什么这个JS数组在Vuex中不减少

来自分类Dev

为什么jQuery返回整数而不是对象?

来自分类Javascript

为什么FileList对象不是数组?

来自分类Dev

为什么 .indexOf 不是数组对象的函数?

来自分类Dev

为什么 Vuex 的 action 返回一个 promise<pending>?

来自分类Dev

为什么 nuxt 返回 mutate vuex 存储错误

来自分类Java

为什么需要在Java中向HTTP请求返回Response对象而不是String对象?

来自分类Dev

为什么Android SDK中的某些方法将数组作为参数而不是返回数组?

来自分类Dev

在数组中查找不存在的对象,它返回不一致的值而不是未定义。为什么?

来自分类Dev

Vuex存储对象子级返回未定义,父级正确返回。为什么?

来自分类Dev

为什么输入中的值未加载vuex中的值?

来自分类Dev

为什么状态在 vuex 中没有更新?

来自分类Dev

为什么Angular $ resource返回Resource对象而不是class对象?

来自分类Python

为什么map在Python 3中返回地图对象而不是列表?

来自分类Dev

为什么这个变量返回 undefined 而不是我的 Angular 13 应用程序中的对象?

来自分类Dev

熊猫中的索引对象-为什么pd.columns返回索引而不是列表

来自分类Dev

为什么在angular 4.3中的httpclient返回Object而不是任何对象?

来自分类Dev

为什么将int []视为对象而不是对象数组

来自分类Dev

为什么 C++ 中的字符数组返回其项目而不是其地址?

来自分类Dev

在.NET中,为什么SerialPort.ReadExisting()返回String而不是字节数组?

来自分类Dev

在此代码段中,为什么“ this”最终绑定到窗口对象而不是数组b?

来自分类Dev

为什么java中的HashMap在内部使用数组来存储条目对象而不是ArrayList?

来自分类Dev

为什么我不能从该对象数组中仅返回具有某些键的对象数组?

Related 相关文章

  1. 1

    为什么SQL返回数组而不是对象?

  2. 2

    为什么Vuex状态返回数组作为对象

  3. 3

    为什么Quasar抽屉会在Vue应用程序中覆盖Quasar工具栏?

  4. 4

    为什么setData中的对象不是数据中的数组?

  5. 5

    为什么带有对象的typeof数组返回“对象”而不是“数组”?

  6. 6

    为什么函数的自变量不是JavaScript中的数组对象?

  7. 7

    为什么这个JS数组在Vuex中不减少

  8. 8

    为什么jQuery返回整数而不是对象?

  9. 9

    为什么FileList对象不是数组?

  10. 10

    为什么 .indexOf 不是数组对象的函数?

  11. 11

    为什么 Vuex 的 action 返回一个 promise<pending>?

  12. 12

    为什么 nuxt 返回 mutate vuex 存储错误

  13. 13

    为什么需要在Java中向HTTP请求返回Response对象而不是String对象?

  14. 14

    为什么Android SDK中的某些方法将数组作为参数而不是返回数组?

  15. 15

    在数组中查找不存在的对象,它返回不一致的值而不是未定义。为什么?

  16. 16

    Vuex存储对象子级返回未定义,父级正确返回。为什么?

  17. 17

    为什么输入中的值未加载vuex中的值?

  18. 18

    为什么状态在 vuex 中没有更新?

  19. 19

    为什么Angular $ resource返回Resource对象而不是class对象?

  20. 20

    为什么map在Python 3中返回地图对象而不是列表?

  21. 21

    为什么这个变量返回 undefined 而不是我的 Angular 13 应用程序中的对象?

  22. 22

    熊猫中的索引对象-为什么pd.columns返回索引而不是列表

  23. 23

    为什么在angular 4.3中的httpclient返回Object而不是任何对象?

  24. 24

    为什么将int []视为对象而不是对象数组

  25. 25

    为什么 C++ 中的字符数组返回其项目而不是其地址?

  26. 26

    在.NET中,为什么SerialPort.ReadExisting()返回String而不是字节数组?

  27. 27

    在此代码段中,为什么“ this”最终绑定到窗口对象而不是数组b?

  28. 28

    为什么java中的HashMap在内部使用数组来存储条目对象而不是ArrayList?

  29. 29

    为什么我不能从该对象数组中仅返回具有某些键的对象数组?

热门标签

归档