element vue Array数组和Map对象的添加与删除操作
程序员文章站
2022-05-26 10:49:02
使用场景:
一个后台系统中, 管理员要配置自定义字段后台要生成id和title,其他角色要使用自定义字段的表单, 添加数据, 但是每个要填写的对象的id 和title都是...
使用场景:
一个后台系统中, 管理员要配置自定义字段后台要生成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对象的添加与删除,希望对大家有所帮助
下一篇: C#开发中的垃圾回收机制简析
推荐阅读
-
Vue实现动态添加或者删除对象和对象数组的操作方法
-
element vue Array数组和Map对象的添加与删除
-
element vue Array数组和Map对象的添加与删除操作
-
element vue Array数组和Map对象的添加与删除
-
通过js获取元素表单以及遍历dom树和对元素的增删改查js操作内容演练实战了留言板的操作并对自定义属性: dataset对象初步的了解以及对js操作class和classList属性对象事件的添加与删除练习与了解
-
通过js获取元素表单以及遍历dom树和对元素的增删改查js操作内容演练实战了留言板的操作并对自定义属性: dataset对象初步的了解以及对js操作class和classList属性对象事件的添加与删除练习与了解