在日常的迭代开发中通常我们会遇到这样的场景：在一个表单中需要用户输入金额，并校验金额的格式。这个需求你一定遇到过，但是现在，我们还需要做到：当用户离开输入框（失去焦点）时，输入的内容变成了用逗号每隔 3 位分隔的数字，并展示给用户。且最后提交金额时，参数的值仍然是正常数字，不包…

因为获取到的数据的非统一性，我们需要先处理一下数据，把获取到的数据根据我们需要合并的字段进行排序分组。这里我简单实现一个groupBy方法处理数据： 于是想到一个办法，js数组的shift()和push()是直接修改数组所占内存的方法。所以有： 再使用reduce方法比较red…

指令(directive)在 vue 开发中是一项很实用的功能，指令可以绑定到某一元素或组件，使功能的颗粒度更精细。今天在翻 element-ui 的源码时，发现一个还挺实用的工具指令，跟大伙分享一下。 该指令的源码在 src/utils 下的 clickoutside.js。…

在Element UI框架中有选择器和树形控件，但是没有树形选择器，也就是图上的这种方式的选择器，所以只能自定义选择器的slot。这里介绍的是多选情况，如果是单选则去掉复选框，修改一部分的处理即可。 现在处理选择器的值发生改变时，树形控件也变化。因为此时是多选，所以要在remo…

前言我们在Element-UI的其他组件里发现，有使用这个组件，并且还不错，由于Element-UI官方文档并没有写到关于el-scrollbar的文档，所以稳定性上可能是有些问题，这里只是爬了源码，

最近在做一个管理系统，页面左侧需要一个目录树，便于文件的操作，不想从头开始造轮子，于是就考虑采用iview或者element的tree，调研后发现iview的tree还是有点局限，没有拖拽移动功能，没有懒加载子目录的功能等等，而element则比较符合我们的需求，虽然坑也是有点…

elementUI是一个vue.js的ui框架, 在做后台管理系统等方面非常出色,然而面对重复的后台管理系统,大量重复的代码, 这里我们将使用elemnt ui做二次封装,以扩展element ui的属性 来简化代码. 本文以 el-button为例el-button是最简单的…

最近想弄 Element-ui checkbox 的多级联动，网上相关的例子大多数为二级联动，自己研究了一下，弄了一个树形菜单的多级联动，常用于角色管理等业务。（仅供参考，未考虑性能问题） 这里展示的最顶级的数据结构，下级数据只需要在 children 中添加即可。需要注意的是…

这只是我个人对业务的一种解决方式，存在的不足还希望大家多指正；同时也希望得到大家的鼓励，让我在前端的道路上继续努力进步😀。