修改数组中对象的属性值

刚才在使用vue组件的Table表格时,遇到了后端返回的数组,数组包含对象,对象中包含一个为null的对象属性值,然后呈现在网页上就会发现那一列是空白的,显得不好看,然后我想的是把那一列只要是null的全部改为零,这样至少显得好看一点儿。

首先我是想着直接在prop属性上动态绑定,然后使用三元运算符进行判断。就像下面这样


但不知为何,这种方法就是没有达到我想要的结果,然后这种做法果断放弃(如果哪位知道原因的话,麻烦教我一下)。

既然在Table表格元素上不能下功夫,那就想办法直接在返回的原始数据上进行修改。

其实就是在数组中的对象再对对象中的属性值进行修改。 

注意紧接着这个是错误写法。If里边的判断条件这样写是错误的,我以为它的返回值null的话会执行if里边的语句。但是我是想当然了,不应该这样理解。

 for (let index = 0; index < this.tableData.length; index++) {
             
            if (this.tableData[index].leaveearly) {
                this.tableData[index].leaveearly="0"              
            }
  

你可能感兴趣的:(修改数组中对象的属性值)