欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

element vue Array数组和Map对象的添加与删除

程序员文章站 2022-05-03 12:40:14
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);