vue3.x全局引入element-ui

最新推荐文章于 2023-06-26 14:08:43 发布

原创

最新推荐文章于 2023-06-26 14:08:43 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍如何使用npm安装Element Plus，并将其引入Vue项目中。通过简单的步骤实现Element Plus组件库的安装与配置。

参考地址：https://element-plus.gitee.io/#/zh-CN/component/installation

npm install element-plus --save

import {
   
    createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import App from './App.vue';

c

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

李卓书

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

Vue 2.x TypeScript 按需引入element-ui

HermitSun的博客

03-03

2661

在业务中，只要使用组件库，就不可避免的要涉及到按需引入的问题，尤其是element这种重量级的组件库，如果一次性全部引入，对整个项目的大小影响很大。但是，element官方只提供了基于babel的按需引入方案，并没有给出ts应该如何做到按需引入。经过试验，如果不做处理，哪怕是import { Button, Select } from 'element-ui';，在ts中还是会全部引入。本来是...

Vue如何优雅地引入ElementUi组件库

qq_44709101的博客

06-16

1995

Vue如何优雅引入element组件全局引入element组件是最方便的，但是我们的项目可能有很多根本用不到的内容，所以就有了按需引入. 官网示例：每引入一个组件就要复制一次Vue.use()，或是Vue.prototype.$，有没有更好的方法可以省点力气？我也在研究… ing 给个 plan A 供大家参考下: 1.创建element-ui.js放在src目录下 2.写代码，稍微封装一下 import Vue from 'vue' //导入需要的组件 import { Paginat

4 条评论您还未登录，请先登录后发表或查看评论

4 条评论

Let～s...思念 2023.03.24
把“import 'element-plus/lib/theme-chalk/index.css';”替换成“import 'element-plus/dist/index.css';”

Follking 2022.07.15
我也一样

Follking 2022.07.15
ERROR in ./src/main.ts 6:0-48 Module not found: Error: Can't resolve 'element-plus/lib/theme-chalk/index.css' in 'C:\Users\86171\Desktop\p9作业\day02\xiaotuer\src'

向他一样rap 2022.05.14
error in ./src/main.js Module not found: Error: Can't resolve 'element-plus/lib/theme-chalk/index.css' in 'D:\software\vue_ui\project\vuetest1\src' 不行呢