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);