element-plus中el-table表头名称+图标

幼稚鬼_Blog

已于 2023-09-12 15:07:39 修改

阅读量1.4k

点赞数 1

文章标签： vue.js javascript elementui

于 2023-09-12 15:06:59 首次发布

本文链接：https://blog.youkuaiyun.com/m0_59642018/article/details/132832475

版权

<el-table-column prop="date" label="物料序号">

                <!-- 表头名称和图标 -->

                <template #header="{ column }">

                  <span class="header-icon">

                    <el-icon><QuestionFilled /></el-icon>

                    <span class="header-text">{{ column.label }}</span>

                  </span>

                </template>

                <!-- 内容值 -->

                <template #default="scope">

                  <span @click="materialListDetails">

                    {{ scope.row.date }}

                  </span>

                </template>

              </el-table-column>