其他分享
首页 > 其他分享> > a-table某一列展示多条数据,以逗号分隔,最后一项不要逗号

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