element table_elementuos8

element table_elementuos81、后台返回数据类型若有数组2、页面部分<el-table-columnalign="center"prop="idCard"label="身份证号"width="250"></el-table-column><el-table-columnalign="center"label="职务"width

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

1、后台返回数据类型若有数组

在这里插入图片描述

2、页面部分
<el-table-column align="center" prop="idCard" label="身份证号" width="250"></el-table-column>
<el-table-column align="center" label="职务" width="130">
	 <template slot-scope="scope">
	   <span v-for="(item,index) in scope.row.workerDutyList" :key="index">
	     { 
   { 
   item | formduty}}
	     <i v-if="index!=scope.row.workerDutyList.length"><br/> </i>
	   </span>
	 </template>
</el-table-column>
3、filters
 filters: { 
   
      formduty(val){ 
   
        switch (val) { 
   
          case '0':
            return '充电工'
          case '1':
            return '站长'
          case '2':
            return '区域负责人'
          default:
            return val
        }
      }
    }
4、页面效果

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/196600.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 进程间的六种通信方式

    进程间的六种通信方式概述每个进程的用户地址空间都是独立的,一般而言是不能互相访问的,但内核空间是每个进程都共享的,所以进程之间要通信必须通过内核。进程间通信目的一般有共享数据,数据传输,消息通知,进程控制等。以Unix/Linux为例,介绍几种重要的进程间通信方式:管道、消息队列、共享内存、信号量、信号、Socket。六种通信方式管道如果你学过Linux命令,那你肯定很熟悉|这个竖线。$psauxf|grepmysql上面命令行里的|竖线就是一个管道,它的功能是将前一.

    2022年10月11日
    4
  • 招聘 | 深圳市人工智能与机器人研究院AIRS 特种机器人研究中心

    招聘 | 深圳市人工智能与机器人研究院AIRS 特种机器人研究中心

    2020年11月14日
    222
  • 大数据学习内容有哪些?大数据学习路线图

    大数据学习内容有哪些?大数据学习路线图很多人想学习大数据,但是都不清楚大数据学习应该怎么下手。大数据开发工程师简单整理了一下大数据学习路线图,希望对于学习大数据的朋友,有一定的帮助。 总的来说,如果是从零基础开始学习,总共分为八个阶段  第一阶段:HTML+css第二阶段:JAVASE学习第三阶段:javaweb第四阶段:企业级开发框架(JAVAEE)学完了java部门,就要开始大数据的技术学习…

    2022年5月24日
    43
  • Vuex实践-mapState和mapGetters

    Vuex实践-mapState和mapGetters一.前言  本文章是vuex系列的最后一篇,主要总结的是如何使用mapState和mapGetters访问vuex中的state和getters。二.多个模块中mapState和mapGetters的使用  上一篇文章《Vuex实践(中)》里面我们总结的就是多模块的内容,所以关于store.js、moduleA.js和moduleB.js的代码保持不变。  在此为了方便观看,我将这…

    2022年6月5日
    36
  • laravel-admin 安装(总结)

    laravel-admin 安装(总结)

    2021年10月29日
    43
  • 使用mongodb还需要redis吗_golang mongodb

    使用mongodb还需要redis吗_golang mongodbmongoDB;mongoVUE

    2022年8月2日
    12

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号