vue数组中添加html标签,element vue Array数组和Map对象的添加与删除操作

这篇文章主要为大家详细介绍了element vue Array数组和Map对象的添加与删除操作，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随512笔记的小编两巴掌来看看吧！

使用场景:

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

注：关于element vue Array数组和Map对象的添加与删除操作的内容就先介绍到这里，更多相关文章的可以留意512笔记的其他信息。

关键词：vue.js