记录一下写法,免得老是忘记
显示效果
11月29日更新
在使用vue3时,对应的框架变成了了,与的使用存在较大的差距,折腾了老半天,算搞明白是怎么回事了,分两步走
main.js中全局注册所有图标
代码如下:
import { createApp } from 'vue'import './style.scss'import App from './App.vue'import router from './router/index'import * as ElementPlusIcons from '@element-plus/icons'const app = createApp(App)for(let iconName in ElementPlusIcons){app.component(iconName, ElementPlusIcons[iconName])}app.use(router)app.mount('#app')
关键代码:
import * as ElementPlusIcons from '@element-plus/icons'for(let iconName in ElementPlusIcons){app.component(iconName, ElementPlusIcons[iconName])}
官网页面上给的写法试了很久效果出不来,于是改了一种写法,反正是生效了的 。
文章插图
运行的时候可能会报错,提示-plus/icons未安装,安装一下就行了
2. 在页面(组件)上使用图标
看代码,同样是登录页面
- 完美解决mac因为中文输入法导致的卡顿问题
- Mac OS 13.4.1 搜狗输入法导致的卡顿问题
- 关于在Visual Studio中无法使用中文输入法的问题
- 在Ubuntu18.04使用搜狗输入法
- 苹果手机如何打开手写输入
- day01 Vue ElementUI Axios 前后端案例 之Vue
- Word中输入网址如何取消设置超链接
- vivo手机输入法怎么设置
- 【Linux】Ubuntu20.04版本安装谷歌中文输入法【教程】
- 谷歌输入法 kali Linux安装中文输入法