如何在element-ui表上显示来自其他表的数据，并根据id显示yes或no

import { Table, TableColumn } from 'element-ui';
import axios from 'axios';

data() {
  return {
    tableData: [], // 表格数据
    columns: [ // 表格列配置
      { label: 'ID', prop: 'id' },
      { label: '是否显示', prop: 'isShown' }
    ]
  };
},

mounted() {
  axios.get('/api/otherTableData')
    .then(response => {
      this.tableData = response.data;
    })
    .catch(error => {
      console.error(error);
    });
},

<template>
  <div>
    <el-table :data="tableData">
      <el-table-column v-for="column in columns" :key="column.prop" :label="column.label" :prop="column.prop">
        <template slot-scope="scope">
          <!-- 根据id显示yes或no -->
          <span v-if="scope.row.isShown === 'yes'">yes</span>
          <span v-else>no</span>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>