element-plus全局导入所有图标

 
 

步骤1:安装element  plus的图标

npm install @element-plus/icons-vue

(安装好了可以在package.json里面检查一下是否真的安装好了,如下及安装成功)

步骤2:在main.js里面全局导入element  plus图标

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

const app = createApp(App);
// 全局导入plus图标
for (let iconName in ELIcons) {
    app.component(iconName, ELIcons[iconName])
}

 步骤3:在你要使用图标的页面中导入你要的图标

 import { ArrowDown(这个是图标的名字,根据你要导入的图标来) } from '@element-plus/icons-vue'

 export default {
        setup() {
            return {
                ArrowDown,
            }
        }
    }

end~

猜你喜欢

转载自blog.csdn.net/qq_46586512/article/details/128683124