在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>
通过以上步骤,你可以在element-ui表格上显示来自其他表的数据,并根据id显示yes或no。请注意,以上代码仅为示例,实际情况中需要根据你的项目结构和数据接口进行相应的调整。
推荐的腾讯云相关产品:腾讯云数据库(https://cloud.tencent.com/product/cdb)和腾讯云云服务器(https://cloud.tencent.com/product/cvm)。这些产品提供了可靠的数据库和服务器解决方案,适用于各种云计算应用场景。
领取专属 10元无门槛券
手把手带您无忧上云