Vue.js使用axios动态获取response里的data数据操作
作者:轻功水上喵丶 时间:2024-05-08 09:34:06
今天开发时,使用axios返回的response中data有多个数据:
如果是获取cn里的数据的,可以用:
response.data.cn
但是需求是根据选择来获取数据的,会发生变化,最开始的想法是,用一个变量来记录需要获取的key:
假设need是需要获取的某个key
const dkey = this.need;
response.data.dkey
这样发现获取不到数据,这是因为vue.js把dkey当成data里的某一个key了,类似于上面的"cn"。
折腾了很久才突然想起,这个data其实类似一个数组,我们可以像使用数组一样使用它,后面发现的确是可行的
const dkey = this.need;
response.data[dkey]
如果有说得不对或者有更好的方法,希望大家指教。
补充知识:Vue遍历data中某个字段,并累加、算总数,总计(this.list.forEach方法实战)
直接上代码,遍历data中prodAllPrice,并累加、算总数,总计(this.list.forEach方法实战):
//定义
let sum = 0;
this.list.forEach((item) => {
//遍历prodAllPrice这个字段,并累加
sum += item.prodAllPrice;
});
//返回
this.sum = sum;
来源:https://blog.csdn.net/Eknaij/article/details/94588844
标签:Vue.js,axios,response,data
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2023-10-17 14:16:56
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2022-12-19 11:56:28
![](https://img.aspxhome.com/file/2023/3/93833_0s.png)
pycharm sciview的图片另存为操作
2022-09-26 08:03:07
![](https://img.aspxhome.com/file/2023/6/79606_0s.jpg)
老生常谈Python startswith()函数与endswith函数
2023-06-03 02:02:42
python list排序的两种方法及实例讲解
2021-01-14 03:42:20
25个值得收藏的Python文本处理案例
2022-06-19 15:38:29
MySQL数据库约束详解
2024-01-24 14:41:01
![](https://img.aspxhome.com/file/2023/1/69761_0s.png)
Python 排序最长英文单词链(列表中前一个单词末字母是下一个单词的首字母)
2023-08-26 16:08:33
Windows7 64位安装最新版本MySQL服务器的图文教程
2024-01-28 18:39:24
![](https://img.aspxhome.com/file/2023/4/88484_0s.png)
js求一组数中的最大数
2008-04-10 12:00:00
Python中如何将一个类方法变为多个方法
2022-10-10 02:01:47
![](https://img.aspxhome.com/file/2023/2/118762_0s.jpg)
mysql存储过程事务管理简析
2024-01-17 14:30:28
pycharm2022没有manage repositories配置镜像源的解决方法
2022-06-27 05:30:24
![](https://img.aspxhome.com/file/2023/9/78449_0s.png)
奇怪的回车换行问题
2022-03-27 07:24:49
![](https://img.aspxhome.com/file/2023/8/132318_0s.gif)
python实现有效的括号判断实例代码
2023-11-24 14:40:34
mysql 通配符(sql 高级过滤)
2024-01-24 17:15:39
mysql 将列值转变为列的方法
2024-01-18 21:27:38
《写给大家看的设计书》阅读笔记之对比原则
2009-07-15 10:14:00
![](https://img.aspxhome.com/file/UploadPic/20097/15/dq1-53s.jpg)
VUE 实现一个简易老虎机的项目实践
2024-05-10 14:19:17
![](https://img.aspxhome.com/file/2023/1/126411_0s.gif)
Python 数据结构之旋转链表
2021-05-04 15:39:28