vue3.0使用element plus图标
时间: 2023-06-05 07:47:18 浏览: 314
vue3_elementPlus_ts
要在Vue3.中使用Element Plus图标,需要先安装Element Plus库。可以通过npm或yarn安装,具体命令如下:
使用npm安装:
```
npm install element-plus --save
```
使用yarn安装:
```
yarn add element-plus
```
安装完成后,在Vue组件中引入Element Plus库和图标样式:
```javascript
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import 'element-plus/lib/theme-chalk/el-icon.css'
const app = createApp(App)
app.use(ElementPlus)
```
然后就可以在Vue组件中使用Element Plus图标了,例如:
```html
<el-button type="primary" icon="el-icon-search">搜索</el-button>
```
这里的`el-icon-search`就是Element Plus提供的一个图标样式类名,可以在官方文档中查看所有可用的图标样式。
阅读全文