Vue 对象类型动态添加属性和值

原创于 2019-12-20 14:35:31 发布 · 1.9k 阅读

CC 4.0 BY-SA版权

10 篇文章

订阅专栏

6 篇文章

订阅专栏

本文介绍了在Vue.js中如何导入库，定义对象，并通过动态方式给对象赋值的方法。重点讲解了使用Vue.set方法更新响应式对象属性的细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、导入vue.js

import Vue from 'vue'

二、对象的定义

data() {
         return {
                
                agsButton:{
                    "key": value
                },
            };
        },

三、使用动态给对象赋值（根据自己业务处理）--- Vue.set(this.agsButton,items.value,1)

this.agsButton = {}
this.ageButtons.forEach((items) =>{
    if(items.type == "primary"){
       Vue.set(this.agsButton,items.value,1)
    }
 })