@@@
报错: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博客