vue3使用element.ui

最新推荐文章于 2024-06-15 01:42:30 发布

qq_54867493

最新推荐文章于 2024-06-15 01:42:30 发布

阅读量248

点赞数 1

文章标签： ui vue.js 前端

本文链接：https://blog.csdn.net/qq_54867493/article/details/129160431

版权

element-ui支持vue2版本，当用vue3安装element-ui的时候会报错，这就需要安装element-plus版本来用到vue3项目中。

1. 安装element-plus

npm install element-plus --save

可以在package.json中检查是否安装成功

2. 修改main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import ElementPlus from 'element-plus' // 引入element-plus
import 'element-plus/theme-chalk/index.css' // 引入element-plus的样式

createApp(App).use(store).use(router).use(ElementPlus, { zIndex: 3000, size: 'small' }).mount('#app')

配置完成，运行 npm run serve 打开本地页面，会看到页面出现一个 el-button。