el-tabel处理后端返回来的数据带br
目录
el-tabel处理后端返回来的数据带＜br＞
<template>
<el-table :data="tableData">
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="description" label="Description" :formatter="formatDescription"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{
name: 'Item 1',
description: 'Description with<br>line break'
},
// ... 其他数据
]
};
},
methods: {
formatDescription(row, column, cellValue) {
return cellValue.replace(/<br>/g, '\n');
}
}
};
</script>第二种方法：v-html
<el-table-column
prop="distributionGroup"
label="分组"
width="180">
<template slot-scope="scope">
<div v-html="scope.row.distributionGroup">
{{ scope.row.distributionGroup }}
</div>
</template>
</el-table-column>