el-table列加tag（动态type）

Fabricant

已于 2023-03-22 10:36:53 修改

阅读量1.1k

点赞数

分类专栏： ElementUI 文章标签： vue.js elementui

于 2023-03-22 10:36:18 首次发布

本文链接：https://blog.csdn.net/Fabricant/article/details/129704529

版权

ElementUI 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<el-table-column label="报警状态" align="center" prop="alarmStatusValue" min-width="100">
            <template slot-scope="scope">
              <el-tag v-if="scope.row.alarmStatusValue"  :type="tagTypeChange(scope.row.alarmStatus)" disable-transitions>{{ scope.row.alarmStatusValue }}</el-tag>
            </template>
</el-table-column>

tagTypeChange (status) {
      if (dictionaryConstant.CONFIRM_NORMAL == status) {
        return "success";
      } else if (dictionaryConstant.CONFIRM_ABNORMAL == status) {
        return "danger";
      } else if (dictionaryConstant.CONFIRM_NO == status) {
        return "primary";
      }
}