elementvueArray数组和Map对象的添加与删除操作

使用场景:

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都做网站、成都网站设计、成都外贸网站建设、忻府网络推广、小程序定制开发、忻府网络营销、忻府企业策划、忻府品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联为所有大学生创业者提供忻府建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

一个后台系统中, 管理员要配置自定义字段后台要生成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对象的添加与删除，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持！