element plus图标全局引入

最新推荐文章于 2024-04-15 09:41:36 发布

m0_49471668

最新推荐文章于 2024-04-15 09:41:36 发布

阅读量803

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/m0_49471668/article/details/124335170

版权

element ui 专栏收录该内容

42 篇文章 1 订阅

订阅专栏

main.js

import * as ElIconModules from '@element-plus/icons-vue'

const app =createApp(App)
//  统一注册el-icon图标
for(let iconName in ElIconModules){
    app.component(iconName,ElIconModules[iconName])
}

组件中使用

    <el-table-column label="操作" width="150">
          <template #default>
            <el-button type="info" @click="reviseProject(scope)">
              <el-icon>
                <Edit/>
              </el-icon>
            </el-button>
            <el-button type="danger" @click="deleteItem(scope)">
              <el-icon>
                <delete/>
              </el-icon>
            </el-button>
          </template>
        </el-table-column>