vue-element（table相关）

最新推荐文章于 2024-10-23 10:58:19 发布

Years_of_sorrow

最新推荐文章于 2024-10-23 10:58:19 发布

阅读量327

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue element element(table)

本文链接：https://blog.youkuaiyun.com/Years_of_sorrow/article/details/80395225

vue 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用 Element UI 的 table 组件根据 states 字段的不同值（0 或 1）来显示不同的文本（正常或冻结）。此外还展示了如何根据其他条件自定义展示值。

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

element的table根据返回值重写某列的值（即返回字段为states,states=0显示正常，states=1显示冻结）

下面代码为同时判断两个条件，自定义展示值

<el-table-column
  prop="states"
  label="备注"
  width="250" 
  >
    <template slot-scope="scope">
      <span  v-if="scope.row.isrelation==0&&scope.row.balance!=0">{{ "要资金为0才可销户" }}</span>
      <span  v-else-if="scope.row.isrelation!=0&&scope.row.balance==0">{{ "要无推荐关系才可销户" }}</span>
    </template>
</el-table-column>