在开发的时候,我们经常遇到我们需要一个字段但是后端接口返回的数据没有这个字段,如果不涉及后端逻辑,我们前端工程师可以自己添加对象属性,或者删除对象属性。
添加属性,上代码
props: ['item', 'btntitle', 'showGetTime', 'showState'],
可以看到,我们通过父子组件传值,接受到了以上数据,我们现在需要在item对象中加一个属性,接下来如何操作呢?
this.$set(this.item,'urgeTimes','100')
$set是window对象上自带的方法,我们可以直接this.$set调用
来解释一下这段代码:
通过this.$set方法,在this.item对象上面新加一个urgeTimes的属性,值为100 (urgeTimes:'100')
删除属性,上代码
let zs = {
name:'张三',
age:18
}
delete zs.age
console.log(zs,zs.age)
这里输出的是{name:'张三'} undefined
删除对象属性使用delete关键字,需要注意的是我们只能删除对象的某个属性,不能直接删除整个对象,例如:delete zs.name 返回值是true delete zs 返回值是false