Element组件源码研究

本文的研究思路是通过阅读Element源码，然后自动动手一步一步编写组件，完善其对应功能。 这篇我们继续研究InputNumber。 基本的准备工作过后，开始基本实现。 这次可以复用Input组件，两边加新增/减少两个按钮，实现加减逻辑。再控制最大值最小值的时候，禁用按钮，基本…

本文的研究思路是通过阅读Element源码，然后自动动手一步一步编写组件，完善其对应功能。 今天来研究一下Element的Loading组件是怎样写出来的。 上测试代码，在element中，在标签上使用v-loading命令可以实现Loading组件显示隐藏的功能。在最基本的实…

本文的研究思路是通过阅读Element源码，然后自动动手一步一步编写组件，完善其对应功能。 一个静态的，在页面上的message消息。 可以看到message是通过 position: fixed;定位到页面上。 我们的组件是包裹在transition name="el-mes…

为锻炼封装组件得能力，我打算研究Elment UI组件，学习人家的设计和代码。 本文的研究思路是通过阅读Element源码，然后自动动手一步一步编写组件，完善其对应功能。 第一个想研究的就是Button组件，是我们最常用也最熟悉的，对标官方文档中介绍的Button特性，我们一个…

本文的研究思路是通过阅读Element源码，然后自动动手一步一步编写组件，完善其对应功能。 继研究了Button组件之后，我又看了一下Link组件的源码，跟Button组件类似，复杂度不是很高。随后挑选了Input组件作为今天的研究对象。 在components文件夹下新建In…

本文的研究思路是通过阅读Element源码，然后自动动手一步一步编写组件，完善其对应功能。 研究过Input和Button之后，再来看看Element布局的实现。看看有什么值得我们学习的。 Element是通过24 分栏，迅速简便地创建布局。实现原理是利用百分比，将一行视为宽度…

本文的研究思路是通过阅读Element源码，然后自动动手一步一步编写组件，完善其对应功能。 相信量变引起质变，我们继续来研究Element的组件。 还是老套路，先实现最简单的组件封装，再不断给其添加功能。 区别于原生checkbox只有一个方形选择框，element的check…