element vue Array数组和Map对象的添加与删除操作
更新时间：2018年11月14日 15:53:08 作者：```...简单点
这篇文章主要介绍了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);
总结
以上所述是小编给大家介绍的element vue Array数组和Map对象的添加与删除，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
今天小编就为大家分享一篇基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
将bmob js-sdk放在static目录，然后在index.html页面中已 script 标签的形式引入，就可以在vue中全局使用bmob js-sdk。下面通过本文给大家分享bmob js-sdk 在vue中的使用教程，需要的朋友参考下吧2018-01-01
vant-list组件触发多次onload事件导致数据乱序的解决方案
这篇文章主要介绍了vant-list组件触发多次onload事件导致数据乱序的解决方案2023-01-01
下面小编就为大家分享一篇Vue中v-for的数据分组实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了vue中table多选/单选行,获取其数据方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
本篇文章主要介绍了解析Vue2.0双向绑定实现原理，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
本文主要介绍了Vue脚手架配置代理服务器的两种方式(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
这篇文章主要介绍了vue 表单绑定与组件的相关资料，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下2021-03-03
Vue CLI3中使用compass normalize的方法
这篇文章主要介绍了Vue CLI3中使用compass normalize的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
在Vue中监听滚动事件可以通过使用指令或者自定义事件来实现,这篇文章主要给大家介绍了关于前端vue滚动条滚动监听问题成功解决的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-09-09
最新评论