1、背景
一些项目中用到tag标签,此文章介绍tag标签在表格中的应用方法:
比如:
没有用tag之前:
没有用tag之后:
2、代码
之前:
之后:
<el-table-column align="center" prop="rpa_result" label="RPA Result">
<template slot-scope="scope">
<el-tag :type="scope.row.rpa_result=='success'?'success':scope.row.rpa_result=='business error'?'danger':scope.row.rpa_result=='system error'?'warning':'info'">{{scope.row.rpa_result}}</el-tag>
</template>
</el-table-column>
//代码解释:
//在原先的表格(column)中,加了插槽,里面插入了(tag)!!!!