Element-ui/Element-plus Vue报错问题及解决
更新时间：2023年01月21日 09:12:19 作者：小的笔记本
这篇文章主要介绍了Element-ui/Element-plus Vue报错问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
这篇主要是解决在Vue3.0版本中遇到的element-ui失效报错的问题
element-ui前端组件
一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，注意，是Vue2.0
安装文档：https://element.eleme.cn/#/zh-CN/component/installation
这样，问题就来了，在Vue3.0中，element-ui会失效甚至报错
并且官方文档里只有一句话模糊说明
所以，element-plus来了
element-plus前端组件
本文档将帮助你从 Element 2.x 升级至 Element Plus
安装文档：https://element-plus.gitee.io/#/zh-CN/component/installation
npm
npm install element-plus --save
vue-ui安装方式
新版3.x 暂时还不支持ElementUI
如果要在vue-ui界面化中安装依赖
在vue-cli UI中管理项目（通过运行vue ui），可以通过以下方法添加Element插件：
转到“插件”菜单，单击右上角的+ Add plugin按钮，找到vue-cli-plugin-element并安装它。
导入Element-UI相关资源
import Vue from 'vue';
//引入element
import ElementUI from 'element-ui';
//引入element的css
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
//通过use函数调用ElementUI
Vue.use(ElementUI);
new Vue({
el: '#app',
render: h => h(App)
});
引入样式资源很重要，很多时候样式出错并不是写错，而是没有样式资源
按需导入
import { ElButton, ElForm, ElInput } from 'element-plus'
import lang from 'element-plus/lib/locale/lang/zh-cn'
import locale from 'element-plus/lib/locale'
export default (app) => {
locale.use(lang)
app.use(ElButton)
app.use(ElForm)
app.use(ElInput)
}
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本篇文章主要介绍了Vue2.0实现将页面中表格数据导出excel的实例，非常具有实用价值，感兴趣的同学可以了解一下2017-08-08
下面小编就为大家分享一篇改变vue请求过来的数据中的某一项值的方法(详解)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
@vue/cli4.x版本的vue.config.js常用配置方式
这篇文章主要介绍了@vue/cli4.x版本的vue.config.js常用配置方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
对话框是很常用的组件,在很多地方都会用到,下面这篇文章主要给大家介绍了关于vue3动态加载对话框的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了vue组件是如何解析及渲染的？，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下2021-01-01
使用Vue的脚手架搭建的前端项目，通常都使用Axios封装的接口请求，项目中引入的方式不做多介绍，本文主要介绍接口调用与不同形式的传参方法。对Vue + Axios 请求接口方法与传参问题感兴趣的朋友一起看看吧2021-12-12
这篇文章主要为大家详细介绍了vue使用过滤器格式化日期，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
这篇文章主要介绍了Vue中使用mixins混入方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
这篇文章主要介绍了vue+element项目中过滤输入框特殊字符小结，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-08-08
在一些页面设置进度条效果给人一种很好的体验效果，今天小编教大家vue圆环百分比进度条组件功能的实现代码，代码超级简单啊，感兴趣的朋友快来看下吧2021-05-05
最新评论