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>
相关推荐
花生柿子几秒前
在elementui可横向滚动的table中,操作列有时候会透视下面的行
前端·javascript·elementui
RunsenLIu2 分钟前
基于 Spring Boot 3 与 Vue 3 的汽车租赁系统
vue.js·spring boot·汽车
阿珊和她的猫7 分钟前
浏览器跨页签数据共享方案
前端·javascript·vue.js·chrome
xkxnq8 分钟前
第六阶段:Vue生态高级整合与优化(第82天)(Pinia高级用法)持久化方案(pinia-plugin-persistedstate)+ 安全存储策略
前端·vue.js·安全
郑州光合科技余经理13 分钟前
从零到一:构建UberEats式海外版外卖系统
java·开发语言·前端·javascript·架构·uni-app·php
2301_7965125217 分钟前
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:点击组件(跳转快应用)
javascript·react native·react.js·ecmascript·harmonyos
RunsenLIu22 分钟前
基于 Spring Boot 3 与 Vue 3 的家校互动平台
vue.js·spring boot·后端
前端 贾公子24 分钟前
React 和 Vue 都离不开的表单验证库 async-validator 之策略模式的应用 (上)
vue.js·react.js·策略模式
阿珊和她的猫25 分钟前
Session 与 Cookie 的对比:原理、使用场景与最佳实践
前端·javascript·vue.js
杜子不疼.27 分钟前
SpringBoot + Vue 前后端分离项目实战:权限 + 工作流 + 报表
vue.js·spring boot·后端