- 博客(6)
- 收藏
- 关注
原创 el-form下单个el-input文本框回车触发提交刷新的问题
今天在写一个信息搜索栏时,就是一个简单的 el-dialog 弹窗,里面只有一个 el-form 表单 和一个 el-input 文本框.另外在歪一下楼.简单说下 el-input 的这两种事件区别,在输入框内分别添加两个事件并进行日志输出.出现的效果如下.接着翻了下 el-form 文档,有个关于这个问题的特别提示.(只有一个文本框会出现该问题,两个就没有)当焦点在文本框内时,按下回车键,会触发表单提交并刷新页面.
2024-06-20 20:06:05
127
原创 el-from 报 validate is not a function
想着写了那么久的代码,不应该犯这种问题呀,大概的过了下代码,每个from-item的prop属性也带了,属性名也对上了。再说提示的是validate错误,也不应该是form-item的错误。在对比了下写法,也没怎么发现问题。最近在写表单验证规则的时候,突然报一些“xxx.value.validate is not a function”的错误。在写表单组件的手抽筋,给ref加了个绑定。好吧,是更简单的问题导致的。
2023-09-21 11:21:32
997
原创 React学习之JSX
第一次渲染页面是直接从Virtual DOM 直接渲染为真实DOM(首次渲染大量 DOM 时,由于多了一层虚拟 DOM 的计算,速度比正常稍慢).但是后续视图进行再次更改的时候,会经过一个DOM diff 的对比,并计算出补丁包PATCH(前后两次试图差异的部分),最后根据PATCH补丁包进行渲染.从而优化性能.虚拟DOM对象: 框架自己内部构建的一套对象体系(对象的相关成员都是React内部定义的),并基于这些属性构建试图中的DOM节点的相关特征。真实DOM:浏览器页面中的真实DOM元素。
2023-08-27 22:42:08
68
原创 CSS中的BFC学习
BFC(Block Formatting Context)翻译为块级格式化上下文。可以理解为在页面独立出一块渲染区,在渲染区内,它决定了元素如何对其内容进行定位,以及与其它元素的关系和相互作用。换句话说,BFC就是为元素提供一个独立容器,在该容器里,按照一定的规则进行布局排列,该容器内的元素不会影响外部的元素,同理,外部的元素也不会影响内部的元素。
2023-08-22 00:31:10
67
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人