element-plus 更新 1.2.0版本后 @element-plus/icons 的使用

element-plus1.2.0 组件内的 Font Icon 向 SVG Icon 迁移,正式版本Font Icon将被弃用
@element-plus/icons 的使用
element-plus 升级后 需要对应的更改

安装|更新

1
yarn add element-plus @element-plus/icons-vue

plugins/elementPlus.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import ElementPlus from 'element-plus'
import locale from 'element-plus/lib/locale/lang/zh-cn.js'
// 样式修改
// import 'element-plus/lib/theme-chalk/index.css'
import 'element-plus/dist/index.css'
import 'dayjs/locale/zh-cn'
import * as icons from '@element-plus/icons-vue'
// 组件
export default function (app) {
app.use(ElementPlus, { locale })
}
// ICON
export function installIcon (app) {
Object.keys(icons).forEach(key => {
app.component(key, icons[key])
})
}

main.ts

1
2
3
4
5
6
import ElementPlus, {installIcon} from './plugins/elementPlus'

const app = createApp(App)

// 增加
installIcon(app)

ICON的使用

1
2
3
<el-icon>
<add-location />
</el-icon>

广告(云服务器)

阿里云活动
ECS共享型 n4 1核2G1M,1年79元,3年226。
ECS共享型 s6 2核4G1M,1年263元,3年621。
ECS共享型 s62核-8G-1M,3年859元。
点击查看详情(更多优惠)
腾讯云活动
新用户(老用户换QQ客享受)   云服务器 标准型S3 1核/2G/1M 95一年,   轻量 2核4G5M(限定) 3年只要688 点击查看详情(更多优惠)