element-ui 根据后台数据前端相对应显示

最新推荐文章于 2024-09-14 14:00:58 发布

原创最新推荐文章于 2024-09-14 14:00:58 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue.js 专栏收录该内容

4 篇文章

订阅专栏

本文详细解析了一段用于展示额度类型的代码片段，该代码使用了 Vue 的模板语法，通过判断 row 对象中的 limit_type 属性来显示不同的额度类型，如正常额度或临时额度。对于前端开发者来说，这是一个很好的示例，展示了如何在表格中动态显示数据。

      <el-table-column
        label="额度类型">
        <template slot-scope="scope">
          <span v-if="scope.row.limit_type == 1">正常额度</span>
          <span v-if="scope.row.limit_type == 2">临时额度</span>
        </template>
      </el-table-column>