vue项目编辑修改时批量回显数据
      selectCityServiceOne() {
        let sendData = {
          token: this.token,
          id: this.id
        }
        post_ajax('backStage/cityService/selectCityServiceOne', sendData, (json) => {
          let data = json.data
          let arr = [
            'import_name',
            'company_name',
            'company_legal_person',
            'service_city_id',
            'service_province_id',
            'service_province_name',
            'service_city_name',
            'detail_location',
            'linker_man',
            'linker_phone',
            'license_image',
            'identity_card_front',
            'identity_card_back',
            'card_name',
            'card_num',
            'bank_id',
            'ymt_num',
            'ykt_num',
            'smzf_num',
            'compay_email',
            'company_online'
          ]
          // 给data字段赋值
          for (let key in data) {
            if (arr.indexOf(key) > -1) {
              this[key] = data[key]
            }
          }
        })
      }
把data里面需要回显的字段,加入一个数组arr,然后用后台传过来的json里的数据,循环json去判定arr里面有没有没有当前的对象的key,如果有就
this[key] = data[key] 赋值
最好和后台协商好,新增和修改还有回显的字段统一,减少不必要的单个赋值
vue项目编辑修改时批量回显数据的更多相关文章
- 分页查询关键代码 多条件查询关键代码 删除选中商品关键代码 修改要先回显再修改 修改要先回显再修改 同一业务集中使用同一servlet的方法
		分页查询关键代码: 通过servlet转发回来的各种信息进行分页的设计(转发回的信息有 分页查询的List集合 查询的页码 查询的条数 查询的数据库总条数 查询的总页码) 从开始时循环10次出现十个数 ... 
- JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】
		什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ... 
- react项目中element的DatePicker回显
		element的DatePicker获取value的时候是日期对象如下,可以提交的时候查看参数 2019-06-30T17:02:02.000Z 如果是console.log打印出来的话,是这样的 ... 
- H5中input输入框tppe为date时赋值(回显)
		1.当时间为2013-09-05时正常显示 <input class="form-control" name="applytime" type=" ... 
- 吐得了,vue的多选组合框回显必须是字符串集合
		下面这个typeIdList,如果给他赋值,就能回显到页面,但是必须是字符串的集合,如果是数值类型的id,不好意思,请转成字符串 
- 【TP3.2+onethink1.0】2个Ueditor 回显数据,第2个会把第1个覆盖
		1.最近在使用onethink1.0 框架进行二次开发,在编辑页面,生成2个ueditor 在数据回显的时候,发现第2个ueditor的数据会覆盖第1个ueditor,咋办? 2.原因: 3.解决方法 ... 
- vue项目echarts画布删除历史数据重新渲染数据
		vue用到echarts时,根据select多选下拉框进行echarts折线图渲染.发现折现只能增加不能减少,后来根据echarts API文档发现 调用方式: chart.setOption(opt ... 
- 处理vue-quill-editor回显数据的时候没有空格问题
		这是我要实现的效果 这是我回显后的情况(可以看见空格都没有了) 处理后 处理方法 添加一个class="ql-editor" <quill-editor class=&qu ... 
- vue项目中使用mockjs+axios模拟后台数据返回
		自己写练手项目的时候常常会遇到一个问题,没有后台接口,获取数据总是很麻烦,于是在网上找了下,发现一个挺好用的模拟后台接口数据的工具:mockjs.现在把自己在项目中使用的方法贴出来 先看下项目的目 ... 
随机推荐
- Android 基本控件相关知识整理
			Android应用开发的一项重要内容就是界面开发.对于用户来说,不管APP包含的逻辑多么复杂,功能多么强大,如果没有提供友好的图形交互界面,将很难吸引最终用户.作为一个程序员如何才能开发出友好的图形界 ... 
- 安装owncloud作为自己的云服务器
			环境:centos7,php5.6.37,apache2.4.6 首先,环境都要搭好,与之前搭wordpress网站是一样的.接下来下载程序 wget https://download.ownclou ... 
- Javascript高级编程学习笔记(22)—— 对象继承
			继承是所有面向对象的语言最让人津津乐道的概念 许多面向对象的语言都支持两种实现继承的方式: 1.接口继承 2.实现继承 由于ECMAScript中没有函数签名,所以自然也是不支持接口继承 所以JS中能 ... 
- JavaScript 对象(下)
			getter 和 setter: 1.ES5 里,属性值可以用一个或两个方法代替,这两个方法就是 getter 和 setter,它们使用 get 和 set 进行定义而不是通过 function 2 ... 
- Python 字符串增删改查的使用
			#coding=utf-8a = 'haha'a = "hao"print(a)s = 'Hello World!'print(s.swapcase()) #大写变小写,小写变大写 ... 
- Python 函数中参数的分类及使用
			######################非固定参数################## #第一种方式:def send_alert(msg,*users):##*users 是非固定参数,将传过来 ... 
- 使用idea配置tomcat将web项目跑起来
			链接:https://www.cnblogs.com/avivaye/p/6437555.html 
- jquery.jtable的事件
			前景提要最近在使用abp zero框架帮朋友搭建一个工厂管理系统.其中有一块功能的话是通过定时爬虫拉取当日的铝价.铝价展示用的是abp zero框架中土牛写的jquery.jtable,铝价需要根据当 ... 
- Ajax,JSONP以及跨域问题
			没用过裸的Ajax 也没听过jsonp,也不了解跨域问题,emmm… 参考: http://www.runoob.com/ajax/ajax-tutorial.html https://www.lia ... 
- MySQL单表多字段模糊查询
			今天工作时遇到一个功能问题:就是输入关键字搜索的字段不只一个字段,比如 我输入: 超天才 ,需要检索出 包含这个关键字的 name . company.job等多个字段.在网上查询了一会就找到了答案. ... 
