a-table某一列展示多条数据，以逗号分隔，最后一项不要逗号

比如参会人这一列，会有多个人名要展示<a-tablesize="default":columns="committeColumns":dataSource="committeLoadData":pagination="false"><template slot="Participants" slot-scope="text, r.

花椒和蕊

948人浏览 · 2021-09-23 11:59:38

花椒和蕊 · 2021-09-23 11:59:38 发布

在这里插入图片描述
比如参会人这一列，会有多个人名要展示

 <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开始计算。
小细节，注意一下就好