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>
相关推荐
明月_清风1 小时前
打字机效果优化:用 requestAnimationFrame 缓冲高频文字更新
前端·javascript
明月_清风2 小时前
Markdown 预解析:别等全文完了再渲染,如何流式增量渲染代码块和公式?
前端·javascript
牛奶10 小时前
Vue 基础理论 & API 使用
前端·vue.js·面试
牛奶10 小时前
Vue 底层原理 & 新特性
前端·vue.js·面试
pe7er11 小时前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
程序猿的程15 小时前
开源一个 React 股票 K 线图组件,传个股票代码就能画图
前端·javascript
大雨还洅下15 小时前
前端JS: 虚拟dom是什么? 原理? 优缺点?
javascript
唐叔在学习15 小时前
[前端特效] 左滑显示按钮的实现介绍
前端·javascript
青青家的小灰灰16 小时前
深入理解事件循环:异步编程的基石
前端·javascript·面试
前端Hardy17 小时前
HTML&CSS&JS:打造丝滑的3D彩纸飘落特效
前端·javascript·css