<el-table-column label="学校名称" align="center" prop="schoolId" > <template slot-scope='scope'> {{scope.row.schoolId}} </template> </el-table-column>获取school的ud怎么根据id去显示学校名称
时间: 2024-03-10 11:43:51 浏览: 59
el-table无限滚动+控制列是否显示+列排序(非json)
5星 · 资源好评率100%
可以通过在组件的 `data` 选项中定义一个 `schools` 数组,将所有学校的 ID 与名称进行对应。然后,在模板中使用 `v-for` 指令遍历 `schools` 数组,找到对应的学校名称并显示。
具体实现可以参考以下代码:
```html
<el-table-column label="学校名称" align="center" prop="schoolId">
<template slot-scope='scope'>
{{ schools.find(school => school.id === scope.row.schoolId)?.name }}
</template>
</el-table-column>
```
在这里,使用了 `Array.prototype.find()` 方法来查找与 `schoolId` 匹配的学校对象,然后使用可选链操作符 `?.` 来获取该学校对象的名称。注意,这里使用了 ES6 中的箭头函数和模板字符串语法。
阅读全文