Vue.js双大括号渲染不认短横杆 - 的变量,被拆分了,怎么解决?

简述:调用别家公司的后端Api,来一个一组这样的JSON数据(如图所示),我司(其实只有我一个)前端Vue通过axios请求发送到Laravel后端再guzzleHttp请求到这个api数据。
世纪难题:前端vue拿到数据后通过element表格组件{{ scope.row.xxxxxxxxx}}
这样显示出来,除了蓝色截图的三个数据显示NaN,其他均正常显示。
有问题的是{{ scope.row.check-inStartTime }} {{ scope.row.finalCheck-inTime }}{{ scope.row.finalCheck-outTime }}这三个变量都是带短横杆,被前端自动拆分了,只能识别到横杆之前的,所以NaN,大家有遇过这样的情况吗?我总不能要求他们家公司后端修改变量。。。。。人家这个项目运行了好几年了。。。

vue双大括号渲染不认短横杆 - 的变量,被拆分了,怎么解决?

Laravel、Vue双大括号渲染不认短横杆 - 的变量,被拆分了,世纪难题怎么解决?

Laravel、Vue双大括号渲染不认短横杆 - 的变量,被拆分了,世纪难题怎么解决?

本作品采用《CC 协议》,转载必须注明作者和本文链接
一直在学习,从未停止,终身学习。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 6

表格变量里重新增加一个新的变量名不可以吗, 比如再tableData[i] = {...res.data[i]} tableData[i].checkInStartTime = res.data[i].check-inStartTime;

4年前 评论
leo

scope.row['check-inStartTime']

4年前 评论
Sloth (楼主) 4年前
largezhou 4年前

这个命名有点奇怪。。。

4年前 评论

这个是基础知识吧哈哈, 但其实也可以算作是踩坑 之后就会用了~

4年前 评论

这是js的锅 :joy: laravel、vue 替他背了

4年前 评论
北冥

大驼峰or下划线,没见过中线的变量呢

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!