dtcms
  • 编程日记
当前位置: 首页 > news >正文

vue2:el-table列中文字前面加icon图标的两种方式

news 来源:原创 2025/6/27 10:28:26

1、文字前面加icon

<el-table-column label="姓名" align="left" prop="nickName">
        <template #default="{ row }">
          <i v-if="row.sync" class="el-icon-lock"></i>
          <span>{
  { row.nickName }}</span>
        </template>
</el-table-column>

2、input里面加icon

如果是只读的,使用input,且添加锁标记,否则使用下拉框

<el-tab

相关文章:

  • AI自动获客系统源码
  • 【LangChain】理论及应用实战(5):Agent
  • Linux 入门:权限的认识和学习
  • 非常优秀的1个软件,再也不求人了!
  • DBA(数据库管理员)常用的 Linux 命令
  • Unity教程(二十二)技能系统 分身技能
  • 居家养老老年信息大数据分析基于SpringBootSSM框架
  • 实现回车键自动登录功能:Vue 2 和 Vue 3 的解决方案
  • 力扣No.673.最长递增子序列的个数
  • 【css酷炫效果】实现鱼群游动动态效果
  • 使用OBS进行webRTC推流参考
  • 封装element-plus的组件暴露原生属性和方法
  • MultiPost--多平台博客发布工具
  • 【大语言模型_5】xinference部署embedding模型和rerank模型
  • Hyperlane:Rust 语言打造的 Web 后端框架新标杆
  • MySQL意向锁我该怎么理解?
  • 自然语言处理(2)—— NLP之百年风雨路
  • 第七次作业,网络防御高级
  • 适配iOS 18:检测并移除三方库中的 bitcode 部分
  • 大数据学习(70)-大数据调度工具对比
  • 最新文章

    •  Apipost和Postman对比
      Apipost和Postman对比
      2025/6/27 20:06:06
    •  Git-git worktree的使用
      Git-git worktree的使用
      2025/6/27 20:01:05
    •  [OS_27] 现代应用程序架构 | Full System Emulation | VM | Docker
      [OS_27] 现代应用程序架构 | Full System Emulation | VM | Docker
      2025/6/27 19:59:16
    •  springcloud 尚硅谷 看到9开头
      springcloud 尚硅谷 看到9开头
      2025/6/27 19:54:20
    •  C++(模板与容器)
      C++(模板与容器)
      2025/6/27 19:51:05
    •  【学习笔记】Dify知识库配置参数解析
      【学习笔记】Dify知识库配置参数解析
      2025/6/27 19:48:58
    •  跨越十年的C++演进:C++14新特性全解析
      跨越十年的C++演进:C++14新特性全解析
      2025/6/27 19:46:51
    •  CNN不是一个模型?
      CNN不是一个模型?
      2025/6/27 19:38:54
    •  [特殊字符] Windows 查看端口占用及服务来源教程(以 9018 端口为例)
      [特殊字符] Windows 查看端口占用及服务来源教程(以 9018 端口为例)
      2025/6/27 19:37:51
    •  Python网安-随机密码生成器
      Python网安-随机密码生成器
      2025/6/27 19:36:46
    •  架构轻巧的kokoro 文本转语音模型
      架构轻巧的kokoro 文本转语音模型
      2025/6/27 19:33:12
    •  tcpdump用法
      tcpdump用法
      2025/6/27 19:21:20
    •  快速傅里叶变换(FFT)是什么?
      快速傅里叶变换(FFT)是什么?
      2025/6/27 19:18:10
    •  以太网基础与 VLAN 配置实验
      以太网基础与 VLAN 配置实验
      2025/6/27 19:16:03
    •  HTML 按钮单击事件示例
      HTML 按钮单击事件示例
      2025/6/27 19:14:57
    • dtcms介绍
    • 商务合作
    • 免责声明

    CopyRight © dtcms版权所有