步骤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~