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

我是飞鸟呀

于 2025-03-14 19:15:00 发布

阅读量310

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签：前端 javascript vue.js

本文链接：https://blog.youkuaiyun.com/l_q_l/article/details/146257804

Vue 专栏收录该内容

59 篇文章 ¥19.90 ¥99.00

订阅专栏

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

了解本专栏