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>
相关推荐
青青家的小灰灰几秒前
透视 React 内核:Diff 算法、合成事件与并发特性的深度解析
前端·javascript·react.js
北冥有鱼1 分钟前
JSON或代码对比的工具-vue
vue.js
SuperEugene2 分钟前
组合式函数 、 Hooks(Vue2 mixin 、 Vue3 composables)的实战封装
前端·javascript·vue.js
wuhen_n19 分钟前
模板编译三阶段:parse-transform-generate
前端·javascript·vue.js
滕青山23 分钟前
正则表达式测试 在线工具核心JS实现
前端·javascript·vue.js
不可能的是24 分钟前
前端图片懒加载方案全解析
前端·javascript
wuhen_n24 分钟前
Fragment 与 Portal 的特殊处理
前端·javascript·vue.js
用户57573033462433 分钟前
🚀 JS事件机制大揭秘:从“橘子”报警到“列表”瘦身,前端老鸟都在偷笑的秘密!
javascript
用户57573033462438 分钟前
💎 JS 中的“隐形人”:Symbol 数据类型深度解密!从命名冲突到隐私保护
javascript
掘金安东尼1 小时前
Fun with TypeScript Generics:玩转 TS 泛型
前端·javascript·面试