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

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

article 2025/3/15 8:33:39

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

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

相关文章：

  • vue uniapp里照片多张照片展示
  • 论文阅读笔记——LORA: LOW-RANK ADAPTATION OF LARGE LANGUAGE MODELS
  • 【RISCV LAB】0x01-安装实验仿真辅助工具
  • AI建模智能生成：从2D到3D，AI只需一步！
  • 结构型模式之适配器模式：让不兼容的接口兼容
  • 工业数采适配99%协议EG8200Mini 边缘计算网关
  • 【零基础入门unity游戏开发——unity3D篇】3D物理系统之 —— 碰撞检测和触发器检测的特殊生命周期函数
  • 【QT】认识 QT 安装 QT 相关软件
  • YOLOv12优化之区域注意力机制（A2）和残差高效层聚合网络（R-ELAN）
  • 【第七节】windows sdk编程：Windows 中的对话框
  • 计算机安全 第四节：访问控制（中）
  • 学习threejs，使用MeshFaceMaterial面材质容器
  • pom.xml中配置的repository，在编译器下载依赖包没生效，怎么解决
  • CNN 稠密任务经典结构
  • 市场趋势分析与策略优化
  • DeepSeek 加持！IvorySQL 文档智能助手正式上线！
  • 疗养院管理系统设计与实现(代码+数据库+LW)
  • 【Rust基础】Rust后端开发常用库
  • linux 命令 case
  • CNN的激活函数