vue3.0中使用element的完整步骤
程序员文章站
2022-09-03 18:02:51
前言:在vue3.0中使用element框架,因为element是支持vue2.0的,他推出的支持vue3.0的版本叫element-plus官网入口:点我进入一、个人遇到的问题与解决办法:遇到的问题...
前言:
在vue3.0中使用element框架,因为element是支持vue2.0的,他推出的支持vue3.0的版本叫 element-plus
官网入口:点我进入
一、个人遇到的问题与解决办法:
遇到的问题:
我直接用cnpm i element-plus -s 装的版本,不知道为啥,一直报错 图1,版本型号 图2 ,我的代码中使用图3
解决办法:
我把package.json中的element-plus的版本更换成 下面这句话,解决了问题(是否为最新版本问题,还在求证中)
"element-plus": "^1.0.1-alpha.19",
二、具体使用
1、全局引入:
安装 cnpm i element-plus -s
main.js中加入:
页面上正常使用
2、按需引入:
(1)安装 cnpm i element-plus -s
(2)新加文件夹 plugins ,新建配置文件 element.js
(3)main.js中配置
(4)跟element一样正常使用就可以了
总结
到此这篇关于vue3.0中使用element的文章就介绍到这了,更多相关vue3.0使用element内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
上一篇: UC浏览器自定义翻页方式的方法
下一篇: vue脚手架项目创建步骤详解
推荐阅读
-
vue中axios封装使用的完整教程
-
C#使用InstallerProjects打包桌面应用程序的完整步骤
-
python使用pymongo操作mongo的完整步骤
-
vue中,使用element ui的弹窗与echarts之间的问题
-
CentOs 7.*中配置安装phpMyAdmin的完整步骤记录
-
vue 使用element-ui中的Notification自定义按钮并实现关闭功能以及如何处理多个通知
-
Ubuntu 18.04 LTS中配置IP地址的完整步骤
-
vue3.0中使用element的完整步骤
-
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
-
Android中SoundPool的使用步骤实例