vue2表格的某一列处理

后端返回的数据中的某一个属性是：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, '、')
},