Vue.js使⽤axios动态获取response⾥的data数据操作今天开发时,使⽤axios返回的response中data有多个数据:
如果是获取cn⾥的数据的,可以⽤:
response.data
但是需求是根据选择来获取数据的,会发⽣变化,最开始的想法是,⽤⼀个变量来记录需要获取的key:
假设need是需要获取的某个key
const dkey = d;
response.data.dkey
这样发现获取不到数据,这是因为vue.js把dkey当成data⾥的某⼀个key了,类似于上⾯的"cn"。
折腾了很久才突然想起,这个data其实类似⼀个数组,我们可以像使⽤数组⼀样使⽤它,后⾯发现的确是可⾏的const dkey = d;
response.data[dkey]
如果有说得不对或者有更好的⽅法,希望⼤家指教。
补充知识:Vue遍历data中某个字段,并累加、算总数,总计(this.list.forEach⽅法实战)
直接上代码,遍历data中prodAllPrice,并累加、算总数,总计(this.list.forEach⽅法实战):
editorjs
//定义
let sum = 0;
this.list.forEach((item) => {
//遍历prodAllPrice这个字段,并累加
sum += item.prodAllPrice;
});
//返回
this.sum = sum;
以上这篇Vue.js使⽤axios动态获取response⾥的data数据操作就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。