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>
相关推荐
向阳2563 分钟前
SpringBoot+vue前后端分离整合sa-token(无cookie登录态 & 详细的登录流程)
java·vue.js·spring boot·后端·sa-token·springboot·登录流程
艾克马斯奎普特8 分钟前
Vue.js 3 渐进式实现之响应式系统——第一节:系列开篇与响应式基本实现
vue.js
梅子酱~12 分钟前
Vue 学习随笔系列二十二 —— 表格高度自适应
javascript·vue.js·学习
你的人类朋友16 分钟前
JS严格模式,启动!
javascript·后端·node.js
Carlos_sam26 分钟前
OpenLayers:如何控制Overlay的层级?
前端·javascript
莫循瑾木29 分钟前
Vue3 Composition API 完全指南
前端·vue.js·前端工程化
初辰ge32 分钟前
后端说“基本增删改查都写好了,就差切图仔对接口了!”——我一怒之下撸了个代码生成器
前端·vue.js
z_mazin1 小时前
JavaScript逆向魔法:Chrome开发者工具探秘之旅
javascript·chrome·爬虫
绿草在线1 小时前
Mock.js虚拟接口
开发语言·javascript·ecmascript
清风絮柳1 小时前
52.个人健康管理系统小程序(基于springboot&vue)
vue.js·spring boot·毕业设计·前后端分离·健康管理系统·个人健康管理系统·个人健康管理小程序