vue2实现在el-table里插入el-tag的示例代码
作者:墨·殇
这篇文章主要介绍了vue2实现在el-table里插入el-tag的示例代码,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
比如,在表格里标识该行对应的需求打标签
<el-table-column prop="tag" label="需求类型"> <template slot-scope="scope"> <el-tag :type=" scope.row.demandFlag === '1' ? 'primary' : 'success' " disable-transitions > {{ scope.row.demandFlag === "1" ? "削峰" : "填谷" }} </el-tag> </template> </el-table-column>
到此这篇关于vue2实现在el-table里插入el-tag的文章就介绍到这了,更多相关vue2 el-table插入el-tag内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:
- vue2+element ui 中的el-table 选中当前行当前行变色的实现代码
- Vue2+Element-ui实现el-table表格自适应高度的案例
- vue2+elementui的el-table固定列会遮住横向滚动条及错位问题解决方案
- Vue2 Element el-table多选表格控制选取的思路解读
- VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
- VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
- vue2.0 + element UI 中 el-table 数据导出Excel的方法
- vue2使用el-tag实现自定义菜单导航标签