问题描述

后台接口返回一个以逗号隔开的字符串,在列表中需要将逗号隔开的字符串便利并将对应的用户编号转换成为用户姓名

代码展示

列表代码

<el-table-columnprop="auditUser"header-align="center"align="center"label="审核人"><template slot-scope="scope"><span v-for="(item,index) in (scope.row.auditUser|| '').split(',')"><span v-if="index!=(scope.row.auditUser|| '').split(',').length-1">{{transUser(item)}},</span><span v-else>{{transUser(item)}}</span></span></template></el-table-column>

id转姓名的代码

/*** 根据userId翻译为realName* @param userId*/
export function transUser (userId) {let userList = JSON.parse(sessionStorage.getItem('userList') || '[]')if (userList.length > 0) {for (let i = 0; i < userList.length; i++) {if (userList[i].userId === userId) {return userList[i].realName}}}return '--'
}

代码讲解


效果图

vue遍历输出列表中以逗号隔开的字符串相关推荐

  1. 微信小程序遍历对象里的用逗号隔开的字符串

    将后端获得的字符串根据逗号分隔开来,分开在不同的文本框中显示. 使用split指令. split的语法如下: var picArr = 获取的字符串.split(",")this. ...

  2. 7-2 输出列表中最大元素的位置

    7-2 输出列表中最大元素的位置 (10 分) 本题目要求读入一个由任意整数组成的列表,按升序输出列表中最大元素的位置. 输入格式: 输入一个由任意整数组成的列表. 输出格式: 按升序输出列表中最大元 ...

  3. 用户输入一个列表和两个整数作为下标,然后使用切片获取并输出列表中结余两个下标之间的元素组成的子列表。例如,用户输入 [1,2,3,4,5,6]和2,5,程序输出[3,4,5]。

    用户输入一个列表和两个整数作为下标,然后使用切片获取并输出列表中结余两个下标之间的元素组成的子列表.例如,用户输入 [1,2,3,4,5,6]和2,5,程序输出[3,4,5]. a = list(in ...

  4. Python产生100个1—100的随机数放入列表Num中,输出列表中的数,然后将它们排序,并输出排序结果。

    import random #内建函数 Num=[] for i in range(101):Num.append(random.randint(1,100)) #append()将参数添加到列表末尾 ...

  5. 编写程序,用户输入一个列表和2个整数作为下标,然后输出列表中介于2个下标之间的元素组成的子列表。考试题库7

    #7.编写程序,用户输入一个列表和2个整数作为下标,然后输出列表中介于2个下标之间的元素组成的子列表.例如用户输入[1, 2, 3, 4, 5, 6]和2,5,程序输出[3, 4, 5, 6]. 分析 ...

  6. 将以逗号隔开string字符串,转为list

    将以逗号隔开string字符串,转为list public static void main(String[] args) {List<String> list = new ArrayLi ...

  7. Java8 将List转换为用逗号隔开的字符串

    Java8 将List转换为用逗号隔开的字符串 使用谷歌的Joiner转换 public static <T> String parseListToStr(List<T> li ...

  8. sql分割以逗号隔开的字符串

    --创建存储过程 IF EXISTS (SELECT * FROM sysobjects WHERE name='GetSplitString' AND xtype='p')DROP PROCEDUR ...

  9. js实现拼接一个以逗号隔开的字符串

    前言:拼接一个以逗号隔开的字符串,并删除最后一个逗号,代码如下: var id = ''for(var i=0;i<this.chooseList.length;i++){id+= this.c ...

最新文章

  1. linux 自定义目录,linux – cron命令的自定义目录
  2. redis 五大数据类型之set篇
  3. 使用LoadRunner测试WMS
  4. mysql replication 协议_深入解析MySQL replication协议
  5. javax.servlet.jsp.PageContext cannot be resolve...
  6. h5 手风琴效果_小程序-实现折叠面板-手风琴效果
  7. 初学总结--------Java修饰符与修饰关键字(且叫修饰关键字)
  8. Hibernate VS iBATIS
  9. linux免密码登录
  10. 初学者之如何快速获取微信小程序源码
  11. 高级Bash脚本编程指南 在线收藏版
  12. 白话空间统计二十四:地理加权回归(二)
  13. JAVA面向对象编程1
  14. Python基础刷题,期末不挂科~~~(已完结)
  15. 用python预测小孩的身高_Python 孩子身高预测
  16. Android 360全景视频播放。
  17. IoT全品类全场景来了,但5G时代“大雁群飞”仍需紧盯“服务”
  18. 自研数据分析工具——yandas系列一:分析泰坦尼克号沉船事件中的乘客信息表
  19. HDU - 4747 Mex(线段树)
  20. Mysql之using用法

热门文章

  1. Oracle Study之--Oracle 11g RAC添加节点错误
  2. css只设置背景图片半透明,css3实现背景图片半透明内容不透明的方法示例
  3. DirectX中的粒子系统
  4. 自控力读书笔记 第八章 传染:为什么意志力会传染?
  5. C 统计数字和大写字母和小写字母的个数
  6. shader学习摘要(八)unity光源类型
  7. 计算机组成原理实验所用的指令,计算机组成原理实验报告-控制器及微指令系统的操作与运用...
  8. 统计分布——常用且重要的三种分布
  9. 2020年中国云原生用户调研的十二个要点
  10. (C++实例)实现people类、student类,teacher类、graduate类、助教类继承和派生并测试