效果图:

在这里插入图片描述

实现方法:

<a-table 
 :columns="columns"
  xxxxx
  xxxxx>
  <span slot="requestUri" slot-scope="text, record">
        <a-tooltip>
          <template slot="title">
            {{ record.requestUri }}
          </template>
          <div class="multi-ellipsis">{{ record.requestUri }}</div>
        </a-tooltip>
   </span>
</a-table>


data:

	columns:[
		{
		    title: '请求URI',
		    dataIndex: 'requestUri',
		    scopedSlots: { customRender: 'requestUri' }
	  	}
	]
.multi-ellipsis {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; // 超出两行则以...形式隐藏
  -webkit-box-orient: vertical;
  cursor: pointer;
}
Logo

前往低代码交流专区

更多推荐