使用場景:

一個后臺系統中, 管理員要配置自定義字段后臺要生成id和title,其他角色要使用自定義字段的表單, 添加數據, 但是每個要填寫的對象的id 和title都是無法固定的,因此頁面顯示的title 和id都需要自定義數字和map對象來實現,vue 的數值動態添加內容需要特定的方式:

1.定義一個vue空數組與一個vue 空Map對象:

data: function() {　　return{　　　　arrayData:[],//自定義字段中下拉框的數組　　　　mapData:{},//自定義字段提交保存數據的map　　　　dbData:[　　　　　　{}　　　　],//數據庫查詢出來的自定義字段　　　　mapKey:'age',　　　　mapValue:29,　　　　arrayIndex:0,　　　　arrayValue:'中國',　　};}

2.賦值對象:

Map 賦值: Vue.set(this.mapData,this.mapkey,this.mapValue);
Array 賦值: Vue.set(this.arrayData,this.arrayIndex,this.arrayValue);

總結

以上所述是小編給大家介紹的element vue Array數組和Map對象的添加與刪除，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！