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>
相关推荐
进击的尘埃4 小时前
SOLID 原则在 React 组件库里怎么落地:五个重构案例
javascript
本末倒置1834 小时前
Bun 内置模块全解析:告别第三方依赖,提升开发效率
前端·javascript·node.js
踩着两条虫4 小时前
AI 驱动的 Vue3 应用开发平台 深入探究(二):核心概念之DSL模式与数据模型
前端·vue.js·ai编程
进击的尘埃4 小时前
中介者模式:把面板之间的蜘蛛网拆干净
javascript
Hilaku5 小时前
OpenClaw 很爆火,但没人敢聊它的权限安全🤷‍♂️
前端·javascript·程序员
兆子龙6 小时前
React Native 完全入门:从原理到实战
前端·javascript
SuperEugene6 小时前
Vite 实战教程:alias/env/proxy 配置 + 打包优化避坑|Vue 工程化必备
前端·javascript·vue.js
兆子龙6 小时前
一文彻底搞懂 OpenClaw 的架构设计与运行原理(万字长文)
javascript
boooooooom7 小时前
别再用错 ref/reactive!90%程序员踩过的响应式坑,一文根治
javascript·vue.js·面试
德育处主任7 小时前
『NAS』一句话生成网页,在NAS部署UPage
前端·javascript·aigc