自定义组件系列
「已注销」
这个作者很懒,什么都没留下…
展开
-
纯数据驱动的侧边菜单组件封装
对于层级比较深的侧边菜单栏需求,常见的前端UI导航菜单栏组件的模板使用起来会比较复杂一点,主菜单和子菜单之间的嵌套关系会随之加大,你需要根据最大的层级去写你的模板内容,而且一旦层级加深,你的模板代码就需要再去维护一下。那么为了一劳永逸,就抽了时间写了一个纯数据驱动的侧边菜单栏组件,下面是最终实现的动态效果图: 上面是该组件的两种展开模式展示(是否只保持一个子菜单的展开),所使用的数据如下: [ { name: '菜单1'...原创 2020-07-05 22:36:31 · 531 阅读 · 0 评论 -
带全选项的多选下拉框封装(基于element)
业务需求期望多选的的下拉框带有全部选择选项,并且全部选择选项和其他的选项为互斥关系,而element中的下拉多选框是没有一个这种全选功能的,所以需要自己实现。下面我们看一下完成的效果动图:...原创 2020-06-03 22:54:13 · 841 阅读 · 0 评论 -
仿el-table实现表格控件(内含作用域插槽访问数据, JSX, render)
前阵子看了饿了么的el-table源码,自己动手封装了一个具有下拉加载功能的表格控件,其中涉及到的知识有JSX,render渲染函数,组件间的状态管理等等。该组件实现了下拉加载,作用域插槽访问数据,加载动画,和宽度自适应这些主要效果,以及一些el-table常用的属性。下面是实现的效果动态图,点击大图查看效果更好:由于gif动态图不太清晰,下面放送两张...原创 2020-01-03 17:44:08 · 2201 阅读 · 5 评论