VUE 怎么给对象动态添加属性

代码<button @click="addObjB"></button>data:{data:{a:''}}methods:{addObjB(){this.$set(this.data,'b',111)}}追加属性的两种方式this.$set(this.data, key , value); //添加一个属性this.obj=Object.assign({},this.da

小柴_

5332人浏览 · 2020-10-19 15:11:59

小柴_ · 2020-10-19 15:11:59 发布

代码

<button @click="addObjB"></button>
data:{
    data:{
        a:''
    }
}

methods:{
    addObjB(){
        this.$set(this.data,'b',111)
    }
}

追加属性的两种方式

this.$set(this.data, key , value); //添加一个属性

this.obj=Object.assign({},this.data,{a:1,b:2}); //添加多个属性，必须要创建一个新的对象，让它包含原对象的属性和新的属性

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^