vue 升级到vue3踩坑记录（vue和element）

最近在把公司项目从vue2+element 升级到 vue3+elementPlus，实实在在遇到很多问题，先在把报错信息捋一捋。1.Runtime directive used on component with non-element root node意思是自定义指令不能放到组件上，而是要放到自有的元素上2.element-plus icons不能用动态class的方式导入需要做：将icon

coding者

10077人浏览 · 2021-11-10 16:59:44

coding者 · 2021-11-10 16:59:44 发布

最近在把公司项目从vue2+element 升级到 vue3+elementPlus，实实在在遇到很多问题，先在把报错信息捋一捋。

1.Runtime directive used on component with non-element root node
意思是自定义指令不能放到组件上，而是要放到自有的元素上

2.element-plus icons不能用动态class的方式导入
需要做：将icons全局导入，然后用  
	<ElIcon>
    	<component :is="icon" />
  	</ElIcon>
  	的方式导入

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}$/, //不连续的两位字母// /^