a-table某一列展示多条数据,以逗号分隔,最后一项不要逗号
作者:互联网
比如参会人这一列,会有多个人名要展示
<a-table
size="default"
:columns="committeColumns"
:dataSource="committeLoadData"
:pagination="false"
>
<template slot="Participants" slot-scope="text, record">
<span v-for="(item, index) in record.attendee_list" :key="index"
>{{ item.attendee_name }}
<span v-if ="index!==record.attendee_list.length-1 ">、</span></span
>
</template>
</a-table>
committeColumns中参会人这一项如下:
{
width: '100px',
title: '参会人',
align: 'center',
dataIndex: 'attendee_list',
scopedSlots: { customRender: 'Participants' }
},
最主要的就是判断索引不是数组的最后一项,数组最后一项是数值.length-1
因为索引是从0开始,数组的长度是从1开始计算。
小细节,注意一下就好
标签:attendee,逗号,索引,一列,数组,table,一项,参会 来源: https://blog.csdn.net/weixin_49668076/article/details/120432263