elementUI table组件 使用vue组件编写的el-table 反正就是一个表格组件， <el-table ref="table" v-loading="pageParm.loading" :max-height="pageParm.tableHeight || undefined" :data="data" :default-expand-all="true" :row-key="keys" :

前言 前段时间使用vue做了一套后台管理系统，其中使用最多就是递归组件，也因为自己对官方文档的不熟悉使得自己踩了不少坑，今天写出来和大家一起分享。 递归组件 组件在它的模板内可以递归地调用自己，只有当它有 name 选项时才可以。 在官网这句话就是关键定义组件是一定要有name属性。 模拟数据格式如下： [ { "id": "1", "menuName": "基础管理", "menuCode": "10", "children": [ { "m

有的时候我们会使用二级标题，什么叫做二级标题？ 先看看传过来的数据。 类似于这种，数组中还有一个数组，有的人可能会说那就用两个v-for嵌套使用啊，但是这里，我们想要它们是同样的功能，同样的样式，所以使用递归组件是最好的选择。 递归组件：在组件的自身再调用组件的自身。 组件一般要给个名字，方便我们使用递归组件的时候来使用，如果我自身有children，就把children当做list再传给自己，做一个递归的循环。 此时就渲染出来了。 如果我再增加一个children呢？像这样： 此时不用

前言 Tree一直是大家熟知的组件，做一些大型的后台管理系统都会用到。使用树组件可以完整的展现其中的层级关系，并具有展开收起选择等交互功能。 效果 节点可以无限的递归延伸 可以展开和收起子节点 如果子节点全部选择对应的父节点也应该选中，反之父节点取消选中对应子节点也需要取消选中 API prop传递data属性，来描述所有的节点的信息 每个节点的配置描述如下 title： 展示的标题 expand 是否展开节点 checked 是否选中节点 children 子节点 以及还有