element-plus在Vue3中开发相关知识

@@@

报错：error.mjs:20 ElementPlusError: [ElForm] model is required for resetFields to work. 

原因：el-form使用v-model没有把内容绑定上，需要使用 :model 才可以校验

将：

<el-form label-width="auto" class="login_form" v-model="loginForm" ref="loginFormRef">

 改为：

<el-form label-width="auto" class="login_form" :model="loginForm" ref="loginFormRef">

@@@

警告：Home.vue:15 [Vue warn]: Failed to resolve component: icon-menu

出现上述警告，可以运行项目，但图标不渲染，element官网上是左侧的样子，实际运行的是右侧

 解决方法：注掉原来的，加上下面的一行

 <!-- <el-icon><icon-menu /></el-icon> -->
 <!-- <el-icon><Menu/></el-icon> /会飘红，但是可以用且不报错-->
 <el-icon><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" data-v-394d1fd8=""><path fill="currentColor" d="M160 448a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32H160zm448 0a32 32 0 0 1-32-32V160.064a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32V416a32 32 0 0 1-32 32H608zM160 896a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32H160zm448 0a32 32 0 0 1-32-32V608a32 32 0 0 1 32-32h255.936a32 32 0 0 1 32 32v256a32 32 0 0 1-32 32H608z"></path></svg></el-icon>

参考文章：vue3+Element-plus icon图标无法显示的问题(已解决)_vue3中element-plus中的icon使用不了-CSDN博客