gpt4 book ai didi

javascript - Vue.js 动态地将 JSON 映射到类,无需 vue.Set 或在 Vuex 存储中直接赋值

转载 作者:行者123 更新时间:2023-12-03 02:22:01 25 4
gpt4 key购买 nike

这是一个简单的问题:“我可以将 JSON 响应映射到一个类,而无需专门枚举字段,可以使用 vue.set,或者通过将参数传递给类并直接分配它们? ”在我看来这是可能的。

在 React 中,我可以将数据映射到类。

所以:

  • 我可以在vue/vuex中执行 map 吗? (假设语法正确?)
  • 我是否坚持使用 vue.set 还是手动分配?
  • 如果没有的话,是否有比 Vue-Model 更好的包?

返回的数据:

{
abc: "Some Text",
def: 9999.999,
ghi: false
}

所需字段集:

function anItem(payload){
this.abc = "";
this.def = 0;
this.ghi = false;
this.notices = [];
this.selected = false;
this.is_updating = false;
}

突变体

const mutations = {

setStuff (state, payload) {
/*this.state.myList.items = payload;*/ <- this works, of course.

this.state.mylist.items = payload.map(a => new anItem(a)) <-- syntax here?
},

};

最佳答案

构建对象时可以使用参数作为初始值:

function anItem(payload){
this.abc = payload.abc; // changed this line
this.def = payload.def; // changed this line
this.ghi = payload.ghi; // changed this line
this.notices = [];
this.selected = false;
this.is_updating = false;
}

然后,更改变元以传递这样的参数:

const mutations = {

setStuff (state, payload) {
this.state.mylist.items = new anItem(payload);
},

};

关于javascript - Vue.js 动态地将 JSON 映射到类,无需 vue.Set 或在 Vuex 存储中直接赋值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49118262/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com