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);
总结
以上所述是小编给大家介绍的elementvueArray数组和Map对象的添加与删除，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！