js vue数据回显函数封装（字典翻译）

//值和id的名字需要和回显函数的值和id对应//数据格式(该案例值为：dictValue；id为：dictLabel)deptList: [{ dictValue: 2, dictLabel: '移动' }, { dictValue: 3, dictLabel: '联通' },{ dictValue: 4, dictLabel: '电信' }, { dictValue: 1, dictLabel: '铁塔' }],//方法：selectDictLabel(datas, value) {//datas放数组 //value放值var actions = [];Object.keys(datas).some((key) => {if (datas[key].dictValue == ('' + value)) { //dictValue为数据的值actions.push(datas[key].dictLabel);//dictLabel为数据的idreturn true; }})return actions.join('');}//调用案例let res = this.selectDictLabel(this.deptList, 2)console.log(res)//打印结果为 ‘移动’

js vue数据回显函数封装（字典翻译）相关推荐

JS对数据分页的封装方法
本文为原创代码,转载请注明出处:http://www.pm-road.com/index.php/2014/07/24/26/ 因为web端经常会展示很多数据,如果一页下来,肯定会看的眼花缭乱,所以肯 ...
vue脚手架vue数据交互_学习Vue：3分钟的交互式Vue JS教程
vue脚手架vue数据交互 Vue.js is a JavaScript library for building user interfaces. Last year, it started to ...
mock模拟接口测试 vue_Easy Mock以及Vue+Mock.js模拟数据
Easy Mock以及Vue+Mock.js模拟数据一.Mock.js简介 Mock.js是一个可以模拟后端数据,也可以模拟增删改查操作的js库基础语法规范数据模板中的每个属性由 3 部分构成: ...
vue中级联选择器回填_浅谈Vue使用Cascader级联选择器数据回显中的坑
业务场景由于项目需求,需要对相关类目进行多选,类目数据量又特别大,业务逻辑是使用懒加载方式加载各级类目数据,编辑时回显用户选择的类目. 问题描述使用Cascader级联选择器过程中主要存在的应用问 ...
html+单选+回显,VUE+elementUI表格多选框实现单选以及数据回显时toggleRowSelection失效问题...
一.多选框单选 > @select-all="onSelectAll" 全选是触发的事件 @selection-change="selectItem" 单 ...
一篇文章教会你创建vue项目和使用vue.js实现数据增删改查
简介:一篇文章教会你创建vue项目和使用vue.js实现数据增删改查 [一.项目背景] 在管理员的一些后台页面里,数据列表中都会对这些数据进行增删改查的操作,例如管理员添加商品.修改商品价格.删除商品 ...
list vue 添加数据方法_一篇文章教会你创建vue项目和使用vue.js实现数据增删改查...
简介:一篇文章教会你创建vue项目和使用vue.js实现数据增删改查 [一.项目背景] 在管理员的一些后台页面里,数据列表中都会对这些数据进行增删改查的操作,例如管理员添加商品.修改商品价格.删除商品 ...
vue页面回显数据_解决vue表单回显数据无法修改的问题
前言:今天在做修改操作的时候遇到了一个问题,数据回显到修改表单之后,发现无法输入,也不能实现修改项目环境:springboot+vue前后端分离问题:修改操作数据回显无法输入值一.问题截图二. ...
vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决)
vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决) 参考文章: (1)vue el-tree 同时向后台传递选中和半选节点数据 (回显数据勾选问题已解决) (2)ht ...

js vue数据回显函数封装（字典翻译）

js vue数据回显函数封装（字典翻译）相关推荐

最新文章

热门文章