修改数组中对象的属性值
刚才在使用vue组件的Table表格时,遇到了后端返回的数组,数组包含对象,对象中包含一个为null的对象属性值,然后呈现在网页上就会发现那一列是空白的,显得不好看,然后我想的是把那一列只要是null的全部改为零,这样至少显得好看一点儿。
首先我是想着直接在prop属性上动态绑定,然后使用三元运算符进行判断。就像下面这样
<el-table-column :prop="`${leaveearly==null?0:leaveearly}`" label="xxxx" align="center"></el-table-column>
但不知为何,这种方法就是没有达到我想要的结果,然后这种做法果断放弃(如果哪位知道原因的话,麻烦教我一下)。
既然在Table表格元素上不能下功夫,那就想办法直接在返回的原始数据上进行修改。
其实就是在数组中的对象再对对象中的属性值进行修改。
注意紧接着这个是错误写法。If里边的判断条件这样写是错误的,我以为它的返回值null的话会执行if里边的语句。但是我是想当然了,不应该这样理解。
for (let index = 0; index < this.tableData.length; index++) {if (this.tableData[index].leaveearly) {this.tableData[index].leaveearly="0" }}
然后我就把判断条件写成了这样。
for (let index = 0; index < this.tableData.length; index++) {if (this.tableData[index].leaveearly==null) {this.tableData[index].leaveearly="0" }}
其实就是在原来基础上把等于null加上去了。然后就成功达成目的。
写这篇博客,一是为了和大家分享,二其实也为了自己能够增强记忆,避免以后再犯同样的错误。
这只是我单独的一种解法。我想应该方法还有很多,请各位各抒己见。
修改数组中对象的属性值相关推荐
- 根据数组中对象的属性值排序倒叙
数组中对象的属性值排序倒叙demo function compare(e) {return function (a, b) {var value1 = a[e];var value2 = b[e];r ...
- 小程序修改数组中对象的某个值或者修改对象值
小程序中获取当前data定义的值,用this.data.xxx setData的时候要修改的值是不需要加this.data.xxx的,直接xxx, 一般直接修改data的值直接修改,修改数组中对象的值 ...
- js 加总数组中某一列_js根据对象数组中某一属性值,合并相同项,并对某一属性累加处理...
js根据对象数组中某一属性值,合并相同项,并对某一属性累加处理 Example: 根据code合并数组,并将sl值累加,如下两种方法: let data = [{ code: 1001, name: ...
- some数组遍历的用法/得到两组数组对象中某属性相同or不同的对象/对比两组数组中, 对象的某个值重复
很早就知道some方法, 最近需求需要排查两组数组中有相同id的对象和不同id的对象, 实际运用到了some的妙用~ 首先举例我的需求如下(得到id相同和id不同的数据): const aa = [{ ...
- 递归——函数在内部自己调用自己,那么该函数是递归函数 作用和循环效果一样 要加推出条件return,否则发生栈溢出,导致死循环 递归给数组中对象添加属性 toString()和随机数
递归--函数在内部自己调用自己,那么该函数是递归函数 & 作用和循环效果一样 & 要加推出条件return,否则发生栈溢出,导致死循环 & 递归给数组中对象添加属性 & ...
- 微信小程序修改数组中的元素_微信小程序——this.setData()动态修改数组中的某一值...
微信小程序--this.setData()动态修改数组中的某一值S8v编程技术_踩坑日志_进阶指南_无知人生 大家是不是都觉得微信小程序的开发方式和 vue react 这种框架的开发方式很像?S8v ...
- JS 取Json数据中对象特定属性值
解析JSON JSON 数据 var str = '[{"a": "1","b": "2"}, {"a&quo ...
- vue修改代码同步页面_vue修改数组中对象属性值页面不同步更新渲染问题处理
之前在操作一个接口的时候,由于数据结构比较特殊,vue数组中嵌套了更深的对象,并且在页面操作的过程中对对象属性做了增加.之后蛋疼的发现页面并没有同步渲染. 问题原因: 由于javascript的限制, ...
- vue 对象中数组中对象某个属性更改_vue之监听对象、对象数组的改变
vue之监听对象的改变 一.对象监听 1. 深度监听 change name:'test', data () {return{ user: { id:1, name: '李四', age: 14, s ...
最新文章
- matlab生成vhdl程序,使用HDL Workflow Advisor将matlab代码转换为vhdl
- (一)Cisco DHCP Snooping原理(转载)
- css 中文字旋转,css
- Nginx Http认证 实现访问网站或目录密码认证保护
- mysql 临时表 插入_mysql临时表插入数据有关问题
- win10配置mysql8.0_Win10下mysql 8.0.20 安装配置方法图文教程
- 第一百五十天 how can I坚持
- 上海盐城生物php招聘_上海祥源生物科技招聘国际商务专员,中英文熟练
- 苹果x翻新机序列号开头_Android翻新电话每隔X秒
- 机器学习理论与实战:逻辑回归
- 【POJ 1113】Wall【凸包+一点思维】
- CNN网络:MINST数据集的练习
- 数字图像处理 冈萨雷斯 第三版 书中配套图片下载地址
- 网站克隆工具_科研|值得收藏的分子生物学必用工具(第二弹~)
- mysql编写倒计时_最简单的实现倒计时
- pg库和mysql的优缺点_PostgreSQL的优缺点
- 小鸟云服务器如何进行重装系统?
- python可以引流吗_你都用 Python 来做什么?
- Python 设计模式 - 建造者模式
- cocos2d-x 使用 CCScale9Sprite 实现微信对话框
热门文章
- 黄炎公开课发布:《MySQL中间件的性能测试》
- [Hadoop]ERROR security.UserGroupInformation:PriviledgedActionException as:Administrator
- java 通过文件路径获得MulipartFile类型文件 - File转MulipartFile
- 4diacIDE IEC61499 开发环境编译
- tapora true
- 高斯白噪声及matlab语言,matlab 给信号加高斯白噪声
- 【CSS】6-css阴影样式
- 独立成分分析及Demo
- ubuntu串口计数
- Micro-Electro-Mechanical Systems (MEMS)