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

news/2024/12/26 8:23:47/

@@@

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


http://www.ppmy.cn/news/1558218.html

相关文章

Pinpoint 是一个开源的分布式追踪系统

pinpointagent2.2.2.tar 是 Pinpoint 的一个版本&#xff0c;Pinpoint 是一个开源的分布式追踪系统&#xff0c;专门用于对 Java 应用程序进行性能监控、日志记录和故障诊断。它可以帮助开发人员和运维人员追踪和分析微服务架构中服务之间的调用链&#xff0c;并进行性能分析。…

MySQL中Performance Schema库的详解(上)

使用Performance Schema 将通过一些示例来演示如何使用Performance Schema解决常见的故障案例。 检查SQL语句 要启用语句检测&#xff0c;需要启用statement类型的插桩&#xff0c;如表1所述 ​ 表1&#xff1a;statement类型的插桩及其描述 插装类描述statement/spSQL语句…

WebRTC服务质量(10)- Pacer机制(02) RoundRobinPacketQueue

WebRTC服务质量&#xff08;01&#xff09;- Qos概述 WebRTC服务质量&#xff08;02&#xff09;- RTP协议 WebRTC服务质量&#xff08;03&#xff09;- RTCP协议 WebRTC服务质量&#xff08;04&#xff09;- 重传机制&#xff08;01) RTX NACK概述 WebRTC服务质量&#xff08;…

MySQL最左匹配原则是什么

MySQL 索引的最左匹配原则是指在使用联合索引的过程中&#xff0c;查询条件必须从索引的最左侧开始匹配。如果联合索引包含多个列&#xff0c;查询条件必须包含第一个列&#xff0c;然后是第二个列&#xff0c;以此类推。 底层原理&#xff1a;联合索局部有序。比如建立联合索引…

scala中的正则表达式案例

一、使用正则表达式验证合法用户名 package test // 验证用户名是否合法 // 规则&#xff1a; // 1.长度在6-12之间 // 2.不能数字开头 // 3.只能包含数字1&#xff0c;大小写字母&#xff0c;下划线 object test {def main(args: Array[String]): Unit {val name1 "1ad…

HarmonyOS NEXT 实战之元服务:静态案例效果---歌单推荐

背景&#xff1a; 前几篇学习了元服务&#xff0c;后面几期就让我们开发简单的元服务吧&#xff0c;里面丰富的内容大家自己加&#xff0c;本期案例 仅供参考 先上本期效果图 &#xff0c;里面图片自行替换 效果图1完整代码案例如下&#xff1a; Index import { authentica…

C# 语法糖集锦

文章目录 1、自动属性(Auto - Properties)2、对象和集合初始化器(Object and Collection Initializers)3、匿名类型(Anonymous Types)4、扩展方法(Extension Methods)5、Lambda 表达式(Lambda Expressions)6、空合并运算符(??)和空条件运算符(?.)7、隐式类型数…

C++ 指针基础:开启内存操控之门

1. 指针为何如此重要 在 C 编程领域&#xff0c;指针堪称一项极为关键的特性。它赋予了程序员直接访问和操控内存的能力&#xff0c;这使得程序在处理复杂数据结构与优化性能时具有更高的灵活性。想象一下&#xff0c;在编写大型程序时&#xff0c;高效地管理内存资源是多么重要…