在vue项目中后端返回的字段是多个
分割的需要换行展示的数据怎么在el-table 组件中换行展示;
例如:
<template>
<el-table :data="tableData" border>
<el-table-column prop="multiLineData" label="多行数据展示">
<template slot-scope="scope">
<span v-html="formatMultiLineData(scope.row.multiLineData)"></span>
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ multiLineData: '第一行数据<br/>第二行数据<br/>第三行数据' },
{ multiLineData: '行1<br/>行2' }
]
};
},
methods: {
formatMultiLineData(data) {
return data.replace(/<br\/>/g, '<br/>');
}
}
};
</script>