vue3.0引入Element UI（Plus）不生效问题

之前使用的都是vue2.0，按惯例 element-ui 这样引用应该没有毛病，先 install 再在main.js 中引入可控制台报错：原因： vue3.0 不兼容 element-ui ，于是推出了element-plus解决办法：vue 降版本至 2.0使用 element-plus (建议)另外，vue3.0 使用新引入的 createApp 方法来替换2.0中创建Vue实例的代码：vu

Zoriah

5967人浏览 · 2021-06-22 11:56:19

Zoriah · 2021-06-22 11:56:19 发布

之前使用的都是vue2.0，按惯例 element-ui 这样引用应该没有毛病，先 install 再在main.js 中引入
在这里插入图片描述
可控制台报错：

原因： vue3.0 不兼容 element-ui ，于是推出了element-plus

解决办法：

vue 降版本至 2.0
使用 element-plus (建议)

另外，vue3.0 使用新引入的 createApp 方法来替换2.0中创建Vue实例的代码：

vue2.0
在这里插入图片描述

vue3.0
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^