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


Posted in Javascript onSeptember 08, 2020

今天开发时,使用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;

以上这篇Vue.js使用axios动态获取response里的data数据操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
document.open() 与 document.write()的区别
Aug 13 Javascript
公共js在页面底部加载的注意事项介绍
Jul 18 Javascript
JS操作JSON要领详细总结
Aug 25 Javascript
js数组转json并在后台对其解析具体实现
Nov 20 Javascript
jQuery简单图表peity.js使用示例
May 02 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
js实现上下左右弹框划出效果
Mar 08 Javascript
JS实现简单的浮动碰撞效果示例
Dec 28 Javascript
js验证账户名是否重复
May 26 Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
vue中可编辑树状表格的实现代码
Oct 31 Javascript
JavaScript 事件代理需要注意的地方
Sep 08 #Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 #Javascript
详解JavaScript的this指向和绑定
Sep 08 #Javascript
vue点击按钮实现简单页面的切换
Sep 08 #Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 #Javascript
VUE中setTimeout和setInterval自动销毁案例
Sep 07 #Javascript
vue a标签点击实现赋值方式
Sep 07 #Javascript
You might like
PL-880隐藏功能
2021/03/01 无线电
如何突破PHP程序员的技术瓶颈分析
2011/07/17 PHP
PHP的array_diff()函数在处理大数组时的效率问题
2011/11/27 PHP
让PHP更快的提供文件下载的代码
2012/06/13 PHP
php中spl_autoload详解
2014/10/17 PHP
php简单获取文件扩展名的方法
2015/03/24 PHP
php源码分析之DZX1.5加密解密函数authcode用法
2015/06/17 PHP
php上传功能集后缀名判断和随机命名(强力推荐)
2015/09/10 PHP
PHP查询分页的实现代码
2017/06/09 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
PHP获取数组中指定的一列实例
2017/12/27 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
2013/04/01 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
ES6对象操作实例详解
2020/05/23 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
python 读取txt中每行数据,并且保存到excel中的实例
2018/04/29 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
python3.6数独问题的解决
2019/01/21 Python
使用Template格式化Python字符串的方法
2019/01/22 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
柏林通行证:Berlin Pass
2018/04/11 全球购物
意大利奢侈品零售商:ilDuomo Novara
2019/09/11 全球购物
圣诞树世界:Christmas Tree World
2019/12/10 全球购物
美团网旗下网上订餐平台:美团外卖
2020/03/05 全球购物
音乐表演专业毕业生求职信
2013/10/14 职场文书
户外用品商店创业计划书
2014/01/29 职场文书
学生党支部先进事迹
2014/02/04 职场文书
产品质量承诺书范文
2014/03/27 职场文书
中药学自荐信
2014/06/15 职场文书
紧急迫降观后感
2015/06/15 职场文书
高考升学宴主持词
2019/06/21 职场文书
如何使用vue3打造一个物料库
2021/05/08 Vue.js