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 协议》,转载必须注明作者和本文链接
一直在学习,从未停止,终身学习。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 6

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

3年前 评论
leo

scope.row['check-inStartTime']

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

这个命名有点奇怪。。。

3年前 评论

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

3年前 评论

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

3年前 评论
北冥

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

3年前 评论

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