vue elementUi

Question

<el-table-column

                      prop="status"
                      label="审核状态"
                      header-align="center"
                      width="106"
                      >
                    </el-table-column>

在elementUi里面 怎么根据status的不同 显示不同的文本？

Answer 1

elme 表格里面可自定义模板内容：

<el-table-column>
  <template scope="scope">
    <span v-text="(scope.row.status ='1') ? '成功'：'错误' "></span>
  </template>
 </el-table-column>

Answer 2

大概可以这样做

<el-table-column
    label="状态"
    prop="buildingStatus"
    :formatter="ColumnFormatter.formatBuildingStatus"
></el-table-column>

ColumnFormatter 里面的内容

export function formatBuildingStatus(row, column) {
    return buildingStatusFormatter(row['buildingStatus']);
}
export function buildingStatusFormatter(str) {
    const data = {
        '-1': '关闭',
        '0': '未开放',
        '1': '正常',
    };

    return data[str] || '';
}