JSON字符串数组中Vuex对象

问题描述 投票:1回答:1

在我的国家我categories。在categories阵列的每个每一类都有,我已经保存JSON字符串数组一个settings列。我的问题是,我怎么能打开我的字符串通过过滤响应对象?我的回复:

[{"id":4,"name":"Vehicles","slug":"vehicles","settings":"[{"edit":true,"searchable":true}]","created_at":"2019-01-26 16:37:36","updated_at":"2019-01-26 16:37:36"},

这是我的类别荷载作用:

const loadCategories = async ({ commit }, payload) => {
  commit('SET_LOADING', true);

  try {
    const response = await axios.get(`admin/store/categories?page=${payload.page}`);
    const checkErrors = checkResponse(response);
    if (checkErrors) {
      commit('SET_DIALOG_MESSAGE', checkErrors.message, { root: true });
    } else {
      commit('SET_STORE_CATEGORIES', response.data);
    }
  } catch (e) {
    commit('SET_DIALOG_MESSAGE', 'errors.generic_error', { root: true });
  } finally {
    commit('SET_LOADING', false);
  }
};

这是我的SET_STORE_CATEGORIES:

const SET_STORE_CATEGORIES = (state, payload) => {

  state.categories=payload.data;

  state.pagination = {
    currentPage: payload.current_page,
    perPage: payload.per_page,
    totalCategories: payload.total,
    totalPages: payload.last_page,
  };
};

在这里我想补充修改的值,转向对象的字符串。不得不添加:

 let parsed=[];
      parsed=response.data.data.map((item)=>{
              console.log(item);
               let tmp=item;
                tmp.settings=JSON.parse(item.settings);
              return tmp;
            });
      response.data.data=parsed;
      commit('SET_STORE_CATEGORIES', response.data);
json laravel vue.js vuex
1个回答
0
投票

您可以通过解析该字符串对象如下映射您的响应数据:

let parsed=[];
parsed=response.data.map((item)=>{
         let tmp=item;
          tmp.settings=JSON.parse(item.settings);
        return tmp;
      });
commit('SET_STORE_CATEGORIES', parsed);
© www.soinside.com 2019 - 2024. All rights reserved.