el-table cell单元格内容设置换行显示

问题

单元格内容为后端拼接字符串，拼接过程中需要换行，拼接\n或<br/>都不换行

解决

使用插槽将内容中包含有html的结构解析成标签

<el-table-column prop="defectProjectName" label="缺陷项目" width="120">   
    <template v-slot="scope">
        <div v-html="scope.row.defectProjectName"></div>
    </template>
</el-table-column>

文本中添加<br/>标签进行换行

---