vue element table formatter

最新推荐文章于 2024-08-02 11:01:18 发布

原创最新推荐文章于 2024-08-02 11:01:18 发布 · 254 阅读

0 ·

CC 4.0 BY-SA版权

Vue.js 专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何使用Vue框架中的el-table组件，通过自定义的方法formatSupplierStatus，将供应商的不同状态（如停用、审批通过、待审批、审批不通过）在表格中进行格式化显示。

1、template

<el-table-column label="状态" align="center" prop="supplierStatus" :formatter="formatSupplierStatus"/>

2、methods

formatSupplierStatus (row, column) {
      var result='';
      if(row.supplierStatus === 0){
        result='停用';
      }else if(row.supplierStatus === 1){
        result='审批通过';
      }else if(row.supplierStatus === 2){
        result='待审批';
      }else if(row.supplierStatus === 3){
        result='审批不通过';
      }
      return result;
    },