![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
组件库原理
element ui、iview等组件库原理
akatukijohi
菜鸡前端成长史
展开
-
element ui表单验证原理
1.获取用户传的rules进行验证,主要是安装了async-validator插件。2.点击提交按钮验证所有表单,主要是触发了父组件el-form的validate,validate会查找所有el-form-item,然后调用el-form-item的validate。el-form.vuemethods:{ validate(cb){ let r = this.$broadcast('elFormItem').every(item=>item.valid原创 2022-03-15 11:09:13 · 2916 阅读 · 0 评论 -
iview表格固定原理
本来以为这种表格固定就是靠css就可以了,但发现主流的一些组件显然不是这么搞的,还是拿js操控的。cloneNode是原生js,默认克隆父节点,如果传了true会连子节点一起拷贝。以固定头部为例,表格固定原理是,拷贝出一个空的table父节点,再把要固定的节点取出来,appendChild进这个table节点,再用固定定位放到头部即可。mounted() { if (this.height) { // 固定表头必须有height属性 this.table = this.$refs.原创 2022-03-13 20:56:00 · 978 阅读 · 0 评论