使用场景:
一个后台系统中, 管理员要配置自定义字段后台要生成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);
原文地址:https://www.cnblogs.com/yysbolg/p/9957310.html
时间: 2024-11-02 22:11:45