【vue3.0 + element-plus】el-table-column空数据时展示“--“

卿卿qing

于 2021-12-24 15:41:18 发布

阅读量2.5k

点赞数

分类专栏： ElementUI Vue 文章标签： elementui 前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_43900414/article/details/122129571

版权

Vue 同时被 2 个专栏收录

114 篇文章

订阅专栏

ElementUI

27 篇文章

订阅专栏

本文介绍如何使用 Element UI 的 el-table 组件来显示表格数据，并通过模板插槽自定义单元格内容，实现当姓名数据不存在时显示默认值的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-table-column
  prop="name"
  label="姓名"
  width="120"
>
  <template v-slot='scope'>
    <span>{{scope.row.name || '--'}}</span>
  </template>
</el-table-column>