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

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值