欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

vue3.0中使用element的完整步骤

vue3.0中使用element的完整步骤

vue3.0中使用element的完整步骤

解决办法:

我把package.json中的element-plus的版本更换成    下面这句话,解决了问题(是否为最新版本问题,还在求证中)

 "element-plus": "^1.0.1-alpha.19",

vue3.0中使用element的完整步骤

二、具体使用

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内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

相关标签: vue3.0 element