vue3代码中使用es6给把对象值循环赋值到另一个对象中
vue3代码中使用es6给把对象值循环赋值到另一个对象中
·
要求说明:
把res.data中的对象中的值赋值给device对象
1、假设res.data的值为:
res.data= {
aa:"888",
bb:"888",
cc:"888",
sbmc: "111",
clph: "222",
ggxh: "333",
cbrstr: "444",
czry: "555",
tcrq: "666",
sjdwmc: "777",
zydw:"888",
}
2、先定义一个对象device
const device = reactive({
sbmc: "",
clph: "",
ggxh: "",
cbrstr: "",
czry: "",
tcrq: "",
sjdwmc: "",
zydw:"",
});
3、赋值的两种方法:
// 第一种方法(麻烦)
device.sbmc = res.data.sbmc
device.clph = res.data.clph
device.ggxh = res.data.ggxh
device.cbrstr = res.data.cbrstr
device.czry = res.data.czry
device.tcrq = res.data.tcrq
device.sjdwmc = res.data.sjdwmc
device.zydw = res.data.zydw
// 第二种方法(注:device中需要赋值的属性名称 必须 和res.data中的属性名一样)
// 使用属性名称循环对象
Object.keys(device).forEach((item) => {
device[item] = res.data[item] ? res.data[item] : "";
});
更多推荐
已为社区贡献2条内容
所有评论(0)