## 写在前面
此组件仅提供一个创建TreeTable的解决思路
## prop说明
#### *data*
**必填**
原始数据,要求是一个数组或者对象
```javascript
[{
key1: value1,
key2: value2,
children: [{
key1: value1
},
{
key1: value1
}]
},
{
key1: value1
}]
```
或者
```javascript
{
key1: value1,
key2: value2,
children: [{
key1: value1
},
{
key1: value1
}]
}
```
#### columns
列属性,要求是一个数组
1. text: 显示在表头的文字
2. value: 对应data的key。treeTable将显示相应的value
3. width: 每列的宽度，为一个数字(可选)
如果你想要每个字段都有自定义的样式或者嵌套其他组件，columns可不提供，直接像在el-table一样写即可，如果没有自定义内容，提供columns将更加的便捷方便
如果你有几个字段是需要自定义的，几个不需要，那么可以将不需要自定义的字段放入columns，将需要自定义的内容放入到slot中，详情见后文
```javascript
[{
value:string,
text:string,
width:number
},{
value:string,
text:string,
width:number
}]
```
#### expandAll
是否默认全部展开，boolean值，默认为false
#### evalFunc
解析函数，function，非必须
如果不提供，将使用默认的[evalFunc](./eval.js)
如果提供了evalFunc,那么会用提供的evalFunc去解析data，并返回treeTable渲染所需要的值。如何编写一个evalFunc，请参考[*eval.js*](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/components/TreeTable/eval.js)或[*customEval.js*](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/views/example/table/treeTable/customEval.js)
#### evalArgs
解析函数的参数，是一个数组
**请注意，自定义的解析函数参数第一个为this.data，第二个参数为， this.expandAll,你不需要在evalArgs填写。一定记住，这两个参数是强制性的，并且位置不可颠倒** *this.data为需要解析的数据，this.expandAll为是否默认展开*
如你的解析函数需要的参数为`(this.data, this.expandAll,1,2,3,4)`，那么你只需要将`[1,2,3,4]`赋值给`evalArgs`就可以了
如果你的解析函数参数只有`(this.data, this.expandAll)`,那么就可以不用填写evalArgs了
具体可参考[*customEval.js*](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/views/example/table/treeTable/customEval.js)的函数参数和[customTreeTable](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/views/example/table/treeTable/customTreeTable.vue)的`evalArgs`属性值
## slot
这是一个自定义列的插槽。
默认情况下，treeTable只有一行行展示数据的功能。但是一般情况下，我们会要给行加上一个操作按钮或者根据当行数据展示不同的样式，这时我们就需要自定义列了。请参考[customTreeTable](https://github.com/PanJiaChen/vue-element-admin/blob/master/src/views/example/table/treeTable/customTreeTable.vue)，[实例效果](http://panjiachen.github.io/vue-element-admin/#/example/table/custom-tree-table)
`slot`和`columns属性`可同时存在,columns里面的数据列会在slot自定义列的左边展示
## 其他
如果有其他的需求，请参考[el-table](http://element-cn.eleme.io/#/en-US/component/table)的api自行修改index.vue
软件工程课程设计，餐馆点餐系统 spring boot+vue+微信小程序 mysql数据库.zip
版权申诉
3 浏览量
2024-03-10
13:33:11
上传
评论
收藏 5.03MB ZIP 举报
软件工程课程设计，餐馆点餐系统 spring boot+vue+微信小程序 mysql数据库.zip （976个子文件） 
ConstantFactory.class 13KB MenuService.class 13KB Generator.class 12KB MessageService.class 10KB TableDescriptor.class 10KB MenuNode.class 9KB BaseService.class 9KB Menu.class 9KB UserDto.class 9KB BeanUtil.class 8KB JobService.class 8KB ColumnDescriptor.class 8KB User.class 8KB MenuController.class 8KB FileService.class 7KB RoleController.class 7KB HttpUtil.class 7KB StringUtil.class 7KB EntityDescLoader.class 7KB Page.class 7KB Lists.class 7KB FileController.class 7KB AccountController.class 7KB ShiroUser.class 7KB UserController.class 6KB Task.class 6KB ShiroFactroy.class 6KB SerialNumberEnum.class 6KB DateUtil.class 6KB RouterMenu.class 6KB CfgController.class 6KB MessageTemplate.class 6KB OperationLog.class 5KB LogAop.class 5KB RoleService.class 5KB DeptService.class 5KB TableDescLoader.class 5KB MD5.class 5KB TaskController.class 5KB DynamicSpecifications$1.class 5KB TaskService.class 5KB Dept.class 5KB DictService.class 5KB CollectionKit.class 5KB LoginLog.class 5KB ArticleVo.class 4KB JobExecuter.class 4KB Dish.class 4KB DishMgrController.class 4KB TaskLog.class 4KB Role.class 4KB BizExceptionEnum.class 4KB LogController.class 4KB DeptContoller.class 4KB TimeCacheMap.class 4KB BaseController.class 4KB BaseEntity.class 4KB Order.class 4KB ShiroConfig.class 4KB Message.class 4KB DefaultFastjsonConfig.class 4KB DictController.class 4KB Convert.class 4KB Node.class 4KB Banner.class 3KB ApiRealm.class 3KB JwtFilter.class 3KB SearchFilter.class 3KB BaseRepositoryImpl.class 3KB JwtUtil.class 3KB MessagetemplateController.class 3KB MenuRepository.class 3KB Boy.class 3KB BannerMgrController.class 3KB MessagesenderController.class 3KB Swagger2Configuration.class 3KB WafRequestWrapper.class 3KB ConfigCacheImpl.class 3KB DictCacheImpl.class 3KB LoginLogController.class 3KB Dict.class 3KB QuartzJob.class 3KB StrKit.class 3KB Cfg.class 3KB MessageSender.class 3KB MessageController.class 3KB TencentSmsSender.class 3KB TaskUtils.class 3KB LogTaskFactory.class 3KB BaseRepositoryFactoryBean$BaseRepositoryFactory.class 3KB EhcacheDao.class 3KB Notice.class 3KB BasicType.class 3KB FileInfo.class 3KB OrderController.class 3KB PageFactory.class 3KB Relation.class 3KB ToolUtil.class 3KB TypeEnum$InvokeStateEnum.class 2KB ChannelMgrController.class 2KB共 976 条
- 1
- 2
- 3
- 4
- 5
- 6
- 10
资源评论
