vue引入element-ui不起作用

最新推荐文章于 2023-09-29 17:21:37 发布

m0_51933554

最新推荐文章于 2023-09-29 17:21:37 发布

阅读量690

点赞数

分类专栏： #vue 文章标签： vue.js ui javascript

本文链接：https://blog.csdn.net/m0_51933554/article/details/126941266

版权

#vue 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

在main.js文件中加入

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI)

在element.js中按需引入

import { Button,Form,FormItem,Input} from 'element-ui'

Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)

优惠劵

m0_51933554

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue引入element-ui不起作用

vue引入element-ui，控制台不报错，但样式引用失败
复制链接

扫一扫

专栏目录

基于Vue框架的element-ui离线文档

07-19

离线的element-ui文档，使用更快，前端基于Vue框架更快的编写前端页面，大量简化开发时间，而且更容易上手

Vue 中使用element-ui样式无效

xiang1907的博客

05-07

5055

1. Vue 中使用element-ui样式无效示例按需加载组件，引用button 后发现样式无效，后经搜索发现没有引入样式，加上即可 2. 点击校验后报错需要安装vue-notification npm install --savevue-notification 并在main.js中引用组件 import Notifications from "vue-notifi...

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

Vue引入插件Element-ui 样式不生效

年少青山的博客

10-30

5893

import Vue from 'vue' import App from './App' import router from './router' import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ .

引入element-ui组件后样式无效

木昆灵寒酥的博客

08-11

692

引入element-ui组件后样式无效，解决办法。

vue引入element-ui之后，页面是空白的

11-21

8342

vue引入element-ui之后，页面是空白的，原因是vue是vue3的版本，然后引入格式用的是vue2的，所以会页面是空白的。 1、确定项目是vue几： 1、打开package.json里面的dependencies有 2、vue2引入element-ui的方法：使用npm安装element-ui npm i element-ui --save 然后main.js里引入 import ElementUI from 'element-ui' import 'element-u.

Vue引用Element-UI时，组件无效果解决方案

热门推荐

XreqcxoKiss的博客

05-01

1万+

问题： Vue在使用Element-UI组件的时候，已经安装好依赖 > npm install element-ui 在main.js中导入依赖 import ElementUI from 'element-ui' 并在全局中使用 Vue.use(ElementUI) 但，即使是这样，在使用element中的组件时，也没有出现预期的效果 <el-row> &...

新建Vue项目并引入element ui（cmd中vue ui没有反应的解决办法）

weixin_46483006的博客

07-18

2937

我们需要的是NodeJS里npm工具，npm是NodeJS下的一个包管理工具，它可以很方便的帮你管理（可以简单理解为下载）各类前端的框架或插件。附安装教程：http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html。2、输入之后，自动弹出网页，进行新建项目。我们可以去官网下载https://nodejs.org/zh-cn/download/（项目名中不能有大写字母，会报错，可以加-）vue -V(大写的V)，查看是否安装成功。...

vue中Element ui不生效

DrinkOolongTea

05-05

3071

原因是我用的vue3不支持element ui 要使用element plus 一个 Vue 3 UI 框架 | Element Plus (gitee.io) 使用命令安装 npm install element-plus --save 安装完之后在main.js中编辑 import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import

vue3.x 关于引入第三方组件报错

E_ISOLATE的博客

07-19

3373

main.js之前的写法 import Vue from 'vue' import App from './App.vue' import router from './router/index' import store from './store' import 'element-ui/lib/theme-chalk/index.css'; import ElementUI from 'element-ui'; Vue.use(ElementUI); new Vue({ router, st

vue2.6 element-ui 按需引入样式未生效 Error: Cannot find module ‘babel-preset-es2015解决

03-17

2572

element-ui按需引入遇到两个问题元素会显示，但是样式没有生效编译过程中遇到错误 Error: Cannot find module ‘babel-preset-es2015‘ 官方文档：element-ui按需引入一、样式问题：引入组件的同时，要引入样式文件 main.js中： import Vue from 'vue' import App from './App.vue' import router from './router' //引入组件及对应的样式文件 import {

vue-hiprint-example:基于Vue Element-UI的hiprint项目

05-11

基于Vue Element-UI的hiprint项目屏幕截图入门该项目是vue指纹的起点。步骤1 > git clone https://github.com/peakcool/vue-hiprint-example.git 第2步 > cd YOUR_PROJECT/vue-hiprint-example 第三步 > ...

element-demi:在Vue 2 3中使用Element UI的适配器

05-09

一个在Vue 2/3中使用Element UI的适配器。 :yo-yo: 只是个玩具该库旨在测试postinstall npm挂钩。安装完所有软件包之后。该脚本将开始检查已安装的Vue版本，并根据本地Vue版本将导出重定向到。 :package: 安装 ...

vue+element-ui+axios实现图片上传

12-04

本文实例为大家分享了vue+element-ui+axios实现图片上传的具体代码，供大家参考，具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta ...

elp-cascader:基于'element-ui'和'vue-virtual-scroller'的Vue组件

05-28

elp-cascader Cascader based on 'element-ui' and 'vue-virtual-scroller'@vueblocks/elp-cascader基于element-ui和vue-virtual-scroller的级联选择器，用虚拟列表的方式逐级渲染列表。适用于数据量较大的场景。...

Bug：elementUI样式不起作用、Vue引入组件报错not found等（Vue+ElementUI问题汇总）

最新发布

weixin_45565886的博客

09-29

3583

Bug：elementUI样式不起作用

vue-element-admin 坑汇总（转）

Yuanben_wuxin的博客

07-08

1632

转自：https://www.jianshu.com/p/c43db18edf67 前言：最近在开发一个后台管理系统，是基于vue-element-admin进行开发的，在开发过程中感受到该框架的方便同时，也感受到了面对框架所带来的的一些局限性和依赖性。某些问题导致我在开发过程中耽误了很多时间，幸好最后都一一得到解决，所以希望写下这篇文章来进行记录，以便后来的使用。介绍Vue-element-admin 这是一个集成大部分功能的后台管理系统框架，也就是说大多数的组件都帮我们写好了，他是基于v

vue-element-admin - 最新完美解决项目是英文的问题，将英文变成中文的汉化处理详细教程（克隆完项目后不是中文的解决方法）

王佳斌

06-14

4706

vue-element-admin怎么变成中文，vue-element-admin运行后是英文怎么办，vue-element-admin英文怎么改成中文，vue-element-admin模板,由英文如何改为中文，如何将vue-element-admin改为中文，vue-element-admin如何切换为中文，vue-admin-template原版是英文的怎么改成中文，英文转为中文，安装运行是英文界面调整为中文，vue-element-admin中文版如何下载，如何拿到中文版，怎么克隆后的项目是英文，默

有关Vue.use()的小问题

水稻南曦jsnancy的博客

04-04

3413

遇到的问题：相信很多人在用Vue使用别人的组件时，会用到Vue.use()。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用axios时，就不需要用Vue.use(axios)，就能直接使用。那这是为什么呐？解释一波：因为axios没有install。什么意思呢？接下来我们自定义一个需要Vue.use()的组件，也就是有install的组...

有关Vue引入element-ui模板无效果的解决方案

qq_45353823的博客

07-19

2125

当我在使用element-ui里面的容器模板的时候，并没有官方文档的效果，只是出现了一行文字信息 <template> <div id="app"> <el-container style="height: 500px; border: 1px solid #eee"> <el-aside width="200px" style="background-color: rgb(238, 241, 246)"> <el

vue 引入element-ui

09-02

要在Vue中引入Element-ui，你可以按照以下两种方法之一进行操作：方法一：全局引入在src下的main.js文件中，你可以引入ElementUI组件，并在Vue实例中使用Vue.use(ElementUI)来全局注入Element-ui。还需要引入Element-ui的样式文件，可以使用import 'element-ui/lib/theme-chalk/index.css'.以下是示例代码： ``` import Vue from 'vue' import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue' Vue.config.productionTip = false Vue.use(ElementUI); new Vue({ render: h => h(App), }).$mount('#app') ``` 方法二：按需引入在src下的main.js文件中，你可以按需引入Element-ui所需的组件，并使用Vue.use(ComponentName)来按需注入需要使用的组件。同样需要引入Element-ui的样式文件。以下是示例代码： ``` import Vue from 'vue' import { Button, Radio } from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue' Vue.config.productionTip = false Vue.use(Button); Vue.use(Radio); new Vue({ render: h => h(App), }).$mount('#app') ``` 需要注意的是，按需引入时，你需要指定你要使用的组件，例如Button和Radio。这样可以减少打包后的文件大小。而在bable.config.js中，你可以添加Element-ui的插件配置，以自动按需引入Element-ui组件的样式。以下是示例代码： ``` "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] ``` 这样就可以根据需要灵活引入和使用Element-ui组件了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue引入Element-ui](https://blog.csdn.net/m0_51459514/article/details/123655142)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交