this.$set(this.data,”key”,value’)
给 i 这个i:{ "color": "#7b2aaa", "value": "1", "content": "{{productType.DATA}}"}添加一个键值对
this.$set(i,'colorShow',false);//自定义添加字段--颜色box的显示和隐藏
执行this.$set(i,'colorShow',false)
结果:i:{ "color": "#7b2aaa", "value": "1", "content": "{{productType.DATA}}", "colorShow": false}
使用 Object.defineProperty
使用 Object.defineProperty() 函数可以为对象添加属性,或者修改现有属性。如果指定的属性名在对象中不存在,则执行添加操作;如果在对象中存在同名属性,则执行修改操作。
Object.defineProperty(object, propertyname, descriptor);
参数说明如下:
object:指定要添加或修改属性的对象,可以是 JavaScript 对象或者 DOM 对象。
propertyname:表示属性名的字符串。
descriptor:定义属性的描述符,包括对数据属性或访问器属性。
Object.defineProperty 返回值为已修改的对象。
示例:下面示例先定义一个对象直接量 obj,然后使用 Object.defineProperty() 函数为 obj 对象定义属性,属性名为 x,值为 1,可写、可枚举、可修改特性。
//添加key
var obj = {};
Object.defineProperty(obj, "x", {
value : 1,
writable : true,
enumerable : true,
configurable : true
});
console.log(obj.x); //1
//修改object的key值
let a = {a:'1',b:'2'};
let test = Object.defineProperty(a,"b",{value:'text'});
//console.info(test); {a: "1", b: "text"}