在el-table-column 中使用 el-tooltip 鼠标悬浮 显示数据 并实现换逗号分隔行

实现样式：

代码实现：

html：
  
<el-table-column prop="apsQty" label=" 已排程数量" align="center">

          <template #default="{ row }">
            <el-tooltip class="box-item" effect="light" placement="left-start">
              <template #content>
                <span v-html="tooPlct(row.hoverData)"></span>
              </template>

              <span style="cursor: pointer; color:#0094e0">
                {{row.apsQty || '-'}}</span>
            </el-tooltip>
          </template>
        </el-table-column>

js：

 const tooPlct = (val: any) => {
  if (val) {
    return val.toString().replace(/,/g, '</br>')
  } else {
    return '暂无数据'
  }
}