【测试开发】vue+elementUI el-tag实现根据状态显示不同颜色的标签


需求:
针对状态不同,el-tag显示不同的颜色
解决方法:
 
<template slot-scope="scope">
   <el-tag :type="scope.row.global_status === 1 ? 'success' : 'info'">{{scope.row.global_status | globalStatusFilter}}</el-tag>
</template>
通过三元表达式获取当前行内状态值,然后匹配el-tag的type
代码解释:
如果行内值的global_status值为1(1为在用,后端传过来的值过滤看上一篇文章),则type为success,否则为type为info
 
 
 其他代码:

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM