【vue 项目】关于接口后端返回字段带小横线问题

最新推荐文章于 2024-05-14 16:39:36 发布
最新推荐文章于 2024-05-14 16:39:36 发布
阅读量827 收藏
点赞数
分类专栏： vue项目 文章标签： javascript vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aohanzzz/article/details/126864442
版权

前端开发 后端字段 命名规范 JS访问属性 小驼峰规则
关键词由CSDN通过智能技术生成

之前遇到后端字段命名没有采用小驼峰
比如 product-function-point_Id 这种的字段名
如果直接在前端使用就会出现命名不规范的错误

this.productId = res.data.product-function-point_Id

这样是不对的，会提示product-function-point_Id错误

访问对象属性

两种方式访问属性：

  objectName.propertyName

或者

  objectName["propertyName"]

重新看了下JS，其实有两种方式访问对象属性，只是一般经常使用第一种，所以我只记住了第一种
使用第二种方法可以解决这个问题

this.productId = res.data['product-function-point_Id']
Aohan-z
关注
专栏目录
后端小白程序员的Vue学习笔记
5akura's Blog
06-19 917
文章目录写在前面Vue一、什么是 Vue二、相关技术栈前端后端关于前后端分离三、入门使用3.1、Hello,Vue3.2、Mustache 语法3.3、插值操作3.4、属性绑定 v-bind3.5、条件插值3.5.1、v-if、v-else、v-else-if3.5.2、v-show3.5.3、使用 key 来管理复用元素3.6、列表渲染 v-for3.6.1、遍历数组3.6.2、遍历对象3.6.3、v-for 添加 key3.6.4、数组更新检测3.7、绑定事件 v-on3.7.1、修饰符3.8、MVVM
Vue.js使用props传递数据驼峰式与短横线隔
热门推荐
yuetingzhuying的专栏
11-13 1万+
正在拜读Vue.js官网上的教程。 情况一： 直接上代码 js代码： Vue.component('child',{ props:['myMessage'], template:'{{ myMessage }}' }); new Vue({ el:'#prop-example-1' }); 上面的代码作用是将my-message的值传递给自定义组件child中的m
后台返回的参数名中有横杠如何处理
qq_45222992的博客
06-13 612
开发过程中，有些时候后端返回给我们的参数命名有时不符合前端命名规范，如带有连字符（‘data-failname’），前端取值时编译器往往会报错导致我们无法正常取值——解决办法
vue下载文件，获取header头文件名乱码，下载文件名有下划线的解决
最新发布
jifashihan的博客
05-14 785
elink.download前后有下划线，这可能意味着download是一个保留字或者属性名包含非法字符。使用方括号语法来访问download属性，这是因为它可能是一个保留字或者包含非法字符（比如空格）后台以数据流将文件返回，将文件名放在header头里，是中文名，有乱码，如图。访问网络使用的是axios，在。有乱码，用以下方法处理。
后端返回的命名带中横线不规范
weixin_44181180的博客
09-01 643
文章目录前言一、 前言 有些时候后端返回给我们的参数命名就不太规范，就会导致我们拿不到值，解析不出来~~~具体情况如下 一、 比如后端接口返回给你的一个属性是命名为下面这样的 const obj{ name: '123'; time: { aaa-bbb: '特殊命名'; aaa：'123' } } 你会发现你去获取aaa-bbb的值的时候，不能直接按照我们正常的写法 consol.log(obj.time.aaa-bbb) //undefin consol.log(obj.time..
vue中如何加入横线_玩转Vue的8个小技巧，一看就会
weixin_36054444的博客
02-05 3116
废话不多说，直接分享咯！1.始终在 `v-for` 中使用 `:key`在需要操纵数据时，将key属性与v-for指令一起使用可以让程序保持恒定且可预测是很有必要的。这样Vue就可以跟踪组件状态，并对不同的元素有一个常量引用。在使用动画或Vue转换时，如果没有key ，Vue只会尝试使DOM尽可能高效。这或许会导致v-for中的元素出现乱序，或行为难以预测。如果我们对每个元素都有唯一的键引用，就能...
接口返回数据带横杠时的正确写法
qq_45031347的博客
04-08 423
前端，接口请求，正确拿数据
Vue理论到实战
qq_45517916的博客
02-20 680
引在前面 自己学习Vue也有很长一段时间了,这里是学习过程中总结的一些知识,希望能帮助到大家 这里有一些开源项目,也可以拿去练手: https://github.com/Ramenbear(欢迎star) 一.vue前言 1.Vue.js是一套响应式系统,前端开发库 2.Vue.js是一套构建用户界面的渐进式框架,采用自底向上增量开发的设计,核心库只关心视图层,提...
阿里前端常考vue面试题汇总
bb_xiaxia1998的博客
02-27 324
题目分析回答范例实现我们可以像下面这样简单实现和，从而辨别两者不同 如何在组件中批量使用Vuex的getter属性 使用mapGetters辅助函数, 利用对象展开运算符将getter混入computed 对象中 Vue组件之间通信方式有哪些 组件传参的各种方式组件通信常用方式有以下几种根据组件之间关系讨论组件通信最为清晰有效1. 父子组件通信父组件模板: 子组件模板: 回调函数（callBack）父传子：将父组件里定义的作为传入子组件 子组件向父组件通信父组件模板: 子组件模板: 2. provide
前端-Vue.js从入门到精通基础笔记（理论+实操+知识点速查）
Only-CYY的博客
07-05 3936
【2022.3】尚硅谷Vue.js从入门到精通基础笔记（理论+实操+知识点速查）
【vue】mint-ui中navbar下划线不显示的问题
当白的技术小窝 ( git : https://github.com/canwhite )
12-18 1894
我们首先看源码中的示例使用： POST：https://github.com/canwhite/QCVueTest/blob/master/mint-ui-master/example/pages/navbar.vue 里边默认选中第一版是没什么问题的，但是会出现一个问题是选中之后下划线没有出现 类似于下边的效果： 可以看到，选中之后字体变蓝，但是下划线并没有显示 于是找到源码，看到...
对于后台返回的数据中包含的多余字段，前端如何忽略这些字段
weixin_42601547的博客
01-08 525
前端可以使用结构体来解析后台返回的数据，只解析需要的字段即可忽略其他字段。例如，如果后台返回的 JSON 数据如下： { "name": "John", "age": 30, "city": "New York", "extraField1": "abc", "extraField2": 123 } ...
springboot 返回给前端不必要的字段如何处理
很搞笑的在打麻将的博客
04-11 8171
springboot 返回给前端不必要的字段如何处理 现在大多数项目都是前后端分离项目，后端采用swagger给前端提供接口文档（这里不得不说swagger很好用），但是在前后端交互过程中后端一般都是采用把一个表中全部字段查出来返回给前端，这样后端的确很方便(表名.*) ，但是前端看了返回结果很不舒服，虽然现在swagger都能表明每个字段的注释，但是还是不是很友好； 所以要达到接口返回字...
vue cdn 引入遇到的坑（驼峰传值不生效）
冰雪为融的博客
04-21 457
vue cdn 引入遇到的坑（驼峰传值不生效）
Vue 动态绑定样式(v-bind:style) 中对带划线(-)的属性赋值
h971670808的博客
06-02 6548
有时在项目中需要给动态绑定style中的一些带划线（ - ）的属性进行赋值，这时因为字符的原因会出现编译错误 错误示范： <view class="statusBar" :style="{margin-top: statusBarHeight}"></view> 正确示范： <view class="statusBar" :style="{marginTo...
使用header头传递参数时，参数名包含下划线“_”后台无法获取值
冻死的企鹅
09-18 955
在做网页授权token的时候，参数需要通过header头传递，但是在参数声明的时候包含下换线"_"（如：req_auth_token），服务器使用nginx转发请求，导致后台获取参数值为null。 解决：在header里不要用 “_” 下划线，可以用驼峰命名或者其他的符号或中划线代替，nginx默认忽略掉下划线。 转载自：https://blog.csdn.net/qq_39535807/article/details/106995766 https://blog.csdn.net/qq_16613311/
Vue.js(2)：简单理解Vue
dawn0718的专栏
09-27 647
　　1、框架是为了解决开发的复杂度，Vue框架就是为了简化模板渲染、事件绑定和用户交互等问题而产生的。 　　Vue是MVVM模型，即视图（View）-视图模型（ViewModel）-模型（Model）。 　　有了Vue的ViewModel，数据以及与数据相关的界面是联动的，中间的桥梁就是ViewModel。 　　2、当创建一个新的Vue实例时【new Vue()】时，()括号内传递的是一个包含了数据、模板、挂载元素、方法、生命周期钩子等的对象，这些都被添加到Vue的响应系统中。 　　响应式系
使用＜a＞标签进行文件下载出现文件名称乱码、文件名变下划线
weixin_52941842的博客
11-07 2255
在使用a标签下载文件时出现了如图所示文件名称显示错误，原因是因为文件中包含中文导致乱码。使用axios（记得引入axios）Ajax原理也是一样的转blob后下载。
vue怎么在后端返回的字段里面写两个点击事件
05-24
一般来说，你可以将后端返回的数据绑定到 Vue 实例的数据属性上，然后在模板中使用 v-for 指令渲染出列表，再使用 v-on 指令绑定点击事件。例如： ```html (item)"> {{ item.name }} export ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值