Vue.js使用axios动态获取response里的data数据操作

作者:轻功水上喵丶 时间:2024-05-08 09:34:06 

今天开发时,使用axios返回的response中data有多个数据:

Vue.js使用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
0
投稿

猜你喜欢

  • php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)

    2023-10-17 14:16:56
  • win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码

    2022-12-19 11:56:28
  • pycharm sciview的图片另存为操作

    2022-09-26 08:03:07
  • 老生常谈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
  • Python 排序最长英文单词链(列表中前一个单词末字母是下一个单词的首字母)

    2023-08-26 16:08:33
  • Windows7 64位安装最新版本MySQL服务器的图文教程

    2024-01-28 18:39:24
  • js求一组数中的最大数

    2008-04-10 12:00:00
  • Python中如何将一个类方法变为多个方法

    2022-10-10 02:01:47
  • mysql存储过程事务管理简析

    2024-01-17 14:30:28
  • pycharm2022没有manage repositories配置镜像源的解决方法

    2022-06-27 05:30:24
  • 奇怪的回车换行问题

    2022-03-27 07:24:49
  • 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
  • VUE 实现一个简易老虎机的项目实践

    2024-05-10 14:19:17
  • Python 数据结构之旋转链表

    2021-05-04 15:39:28
  • asp之家 网络编程 m.aspxhome.com