vue将后端定义的常量转变为对应的文字在前端展示

上九天揽yue

已于 2023-01-10 11:51:29 修改

阅读量201

点赞数

文章标签： vue

于 2022-08-25 12:57:08 首次发布

本文链接：https://blog.csdn.net/qq_49726384/article/details/126522146

版权

                <el-table-column label="告警级别" align="center" key="alertLevel" prop="alertLevel" :show-overflow-tooltip="true" sortable>
                <template #default="scope">
                    <el-tag type="danger" v-if="scope.row.alertLevel=='emergency'">紧急告警</el-tag>
                    <el-tag type="warning" v-if="scope.row.alertLevel=='important'">重要告警</el-tag>
                    <el-tag type="primary" v-if="scope.row.alertLevel=='normal'">普通告警</el-tag>
                    <el-tag type="info" v-if="scope.row.alertLevel=='inform'">提示告警</el-tag>
                </template>
                </el-table-column>

效果如下：
在这里插入图片描述