element vue Array數組和Map對象的添加與刪除

使用場景:

一個後臺系統中, 管理員要配置自定義欄位後臺要生成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);