当前位置: 首页 > article >正文

vue3中使用el-tag结合element-plus使用方法

vue3中使用el-tag结合element-plus在行内使用el-button按钮,带背景色,效果:

代码:

   <el-table-column label="状态" align="center" prop="states">
        <template #default="scope">
          <el-tag
            :type="scope.row.excelDeleted === '0' ? 'primary' : 'danger'"
            disable-transitions
          >
            {{ scope.row.excelDeleted === "0" ? "成功" : "失败" }}
          </el-tag>
        </template>
      </el-table-column>

更多按钮样式参考element-plus官网Button 按钮 | Element Plus (element-plus.org)

https://element-plus.org/zh-CN/component/button.html


http://www.kler.cn/a/459952.html

相关文章:

  • 十二、Vue 路由
  • 【Python】selenium结合js模拟鼠标点击、拦截弹窗、鼠标悬停方法汇总(使用 execute_script 执行点击的方法)
  • 《探寻真正开源的大模型:开启AI创新新纪元》
  • 设计模式の状态策略责任链模式
  • 【设计模式】 基本原则、设计模式分类
  • Python中的闭包和装饰器
  • RuntimeError: CUDA error: initialization
  • sqlserver镜像设置
  • 基于 Python Django 的二手电子设备交易平台(附源码,文档)
  • C#学习1:C#初接触,一些基础内容备忘和相关报错说明
  • libmodbus源码中重要的两个结构体讲解
  • IndexOf Apache Web For Liunx索引服务器部署及应用
  • docker使用国内镜像
  • 批次特征组杂记
  • Unity 开发中可能用到的类型
  • 聊一聊GPT基本原理
  • word怎么添加链接,点击直接到参考文献
  • ID卡网络读卡器C#小程序开发
  • 视觉语言模型易受攻击?西安交大等提出基于扩散模型的对抗样本生成新方法
  • Kali Linux 文件系统详解
  • Python跨年烟花
  • 机器学习之数据分析及特征工程详细分析过程
  • Object.defineProperty() 完整指南
  • nginx平滑升级|nginx升级|解决漏洞CVE-2024-7347
  • 超越BeautifulSoup:探索Python爬虫的替代解析库
  • 线段树例题题解