后端返回的数据中的某一个属性是:XXX;XXX;XXX; 前端需要处理成 XXX、XXX、XXX
<el-table-column
prop="person"
label="xxxx"
align="left"
min-width="150"
:formatter="convertArr"
show-overflow-tooltip
/>
// 需要在请求数据时,调用处理方法
// 获取列表
getList(page) {
this.tableData = []
this.page = page || 1
this.axios.post('此处是接口地址', {
curPage: this.page,
pageSize: this.pageSize,
...this.filterObj
}).then(res => {
if (res.code === 200) {
this.tableData = res.data.content
this.totalNum = res.data.totalElements
// 此处需要调用 某一列处理的函数
this.tableData.map((item) => {
this.convertArr(item)
})
}
})
},
// 人物标签的处理
convertArr(row) {
return (row.person || '').slice(0, (row.person|| '').length - 1).replace(/;/g, '、')
},
// 此处新增一个,如果人物标签没有时,页面上显示 无
convertArr(row) {
return row.person=== null || row.person=== '' || row.person=== undefined ? '无' : (row.person || '').slice(0, (row.person || '').length - 1).replace(/;/g, '、')
},