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


Posted in Javascript onNovember 14, 2018

使用场景:

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

Javascript 相关文章推荐
document.compatMode介绍
May 21 Javascript
Javascript中的var_dump函数实现代码
Sep 07 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
Mar 05 Javascript
Javascript实现网络监测的方法
Jul 31 Javascript
理解javascript中的Function.prototype.bind的方法
Feb 03 Javascript
JS给按钮添加跳转功能类似a标签
May 30 Javascript
Node.js使用gm拼装sprite图片
Jul 04 Javascript
JavaScript监听手机物理返回键的两种解决方法
Aug 14 Javascript
AngularJS中scope的绑定策略实例分析
Oct 30 Javascript
关于vue的npm run dev和npm run build的区别介绍
Jan 14 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
May 08 Javascript
JS事件循环机制event loop宏任务微任务原理解析
Aug 04 Javascript
ES6 fetch函数与后台交互实现
Nov 14 #Javascript
vue-cli3全面配置详解
Nov 14 #Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
Nov 14 #Javascript
laydate时间日历插件使用方法详解
Nov 14 #Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 #jQuery
你应该了解的JavaScript Array.map()五种用途小结
Nov 14 #Javascript
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
Nov 14 #Javascript
You might like
MySQL相关说明
2007/01/15 PHP
PHP静态新闻列表自动生成代码
2007/06/14 PHP
php使用curl模拟登录后采集页面的例子
2013/11/04 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
js下拉框二级关联菜单效果代码具体实现
2013/08/03 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
2014/08/12 Javascript
Jquery的基本对象转换和文档加载用法实例
2015/02/25 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
2016/01/27 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
jQuery与JS加载事件用法分析
2016/09/04 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
Ajax实现不刷新取最新商品
2017/03/01 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
2019/06/07 Javascript
javascript实现简单留言板案例
2021/02/09 Javascript
python实现数通设备端口监控示例
2014/04/02 Python
python3+PyQt5实现拖放功能
2018/04/24 Python
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
python面向对象多线程爬虫爬取搜狐页面的实例代码
2018/05/31 Python
python 接收处理外带的参数方法
2018/12/03 Python
Django CSRF跨站请求伪造防护过程解析
2019/07/31 Python
Python如何实现定时器功能
2020/05/28 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
html5组织内容_动力节点Java学院整理
2017/07/10 HTML / CSS
Android面试题附答案
2014/12/08 面试题
《哪吒闹海》教学反思
2014/02/28 职场文书
组工干部对照检查材料
2014/08/25 职场文书
美术教师个人工作总结
2015/02/06 职场文书
篮球比赛通讯稿
2015/07/18 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书
2015年店长个人工作总结
2015/10/23 职场文书
导游词之淮安明祖陵
2019/11/25 职场文书
Java反应式框架Reactor中的Mono和Flux
2021/07/25 Java/Android