npm install @element-plus/icons-vue
这个命令是在idea 这个项目上面运行的。
先安装一下
修改main.js代码。
// import { createApp } from 'vue' // import App from './App.vue' // import router from './router' // import store from './store' // // createApp(App).use(store).use(router).mount('#app') import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import '@/assets/style/border.css' import '@/assets/style/reset.css' import '@/router/permission.js' import * as ElementPlusIconsVue from '@element-plus/icons-vue' import SvgIcon from '@/icons' // 国际化中文 import zhCn from 'element-plus/es/locale/lang/zh-cn' //富文本编辑器 import { QuillEditor } from '@vueup/vue-quill' import '@vueup/vue-quill/dist/vue-quill.snow.css'; //富文本编辑器 // createApp(App).use(store).use(router).use(ElementPlus).mount('#app') const app=createApp(App); app.component('QuillEditor', QuillEditor) app.use(ElementPlus, { locale: zhCn, }) app.use(store) app.use(router) // 全局注册 Element Plus 图标库中的所有图标 for (const [key, component] of Object.entries(ElementPlusIconsVue)) { app.component(key, component) } app.use(ElementPlus) app.use(SvgIcon) app.mount('#app')
如果是ts代码这样改。
// main.ts // 如果您正在使用CDN引入,请删除下面一行。 import * as ElementPlusIconsVue from '@element-plus/icons-vue' const app = createApp(App) for (const [key, component] of Object.entries(ElementPlusIconsVue)) { app.component(key, component) }
之前这个向下的箭头是没有了。现在有了。
站长微信:xiaomao0055
站长QQ:14496453