使用element中el-table获取值（一）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xiongdaandxiaomi/article/details/86503956

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、页面效果