从读取数据还原iview穿梭框组件信息( js中indexOf错误匹配)

从读取数据还原iview穿梭框组件信息( js中indexOf错误匹配)

在完成前端页面的过程中遇到了一个问题,使用了iview的穿梭框控件:
在这里插入图片描述

Transfer 组件主要基于以下四个 API 来使用:

  • :data:总体数据,数组,每项为一个对象,且必须含有 key 值,组件基于此做索引。
  • :target-keys:目标列索引集合,数组,每项为数据的 key 值,Transfer 会将含有这些 key 值的数据筛选到右边。
  • :render-format:每行数据显示的格式函数,默认优先显示 label 值,没有时显示 key 值,可以自己组合出需要的数据格式。
  • @on-change:当点击转移按钮时,组件本身并不会转移数据,而是触发事件,由用户来操作数据。
    为了完成历史数据的修改,那么需要从数据库里面读取对应的选择信息,然后还原这个穿梭框的组成。
    可以分为两步,首先读取所有的字段数组,其次读取之前选择的字段也就是右边展示的字段:
    let param2 = {
   
          dataId: strategy.etlExtractDataSource.id,
          tableName: strategy.readtables
        }
        let extractColumns = this.splitStr(strategy.readcolumns)
        axios({
   
          method: 'post',
          url: this.GLOBAL.etlUrl + '/api/get_columns',
          withCredentials: true,
          params: param2
        }).then(function (response) {
   
          var data = response.data
          if (data['status']
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值