# table-for-friend

**Repository Path**: mynoe/table-for-friend

## Basic Information

- **Project Name**: table-for-friend
- **Description**: 江湖救急【表格】 可退拽表头
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-06-19
- **Last Updated**: 2023-08-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 后台表格

- 表头可拖拽换位置

### 注意事项

- 接口请求方法写到`method`中, 调用位置`mounted`中

- 请求回来的数据直接 用`this.`赋值给对应的字段

| 名称       | 字段       | 备注 |
| ---------- | ---------- | ---- |
| 影院树     | cinemaTree | --   |
| 表格数据   | data1      | --   |
| 表格列数据 | column     | --   |

### 拖拽 API 注意事项

- `dragstart`,`dragend`事件触发的元素的拖动的元素
- `dragenter`,`dragover`,`drop`事件触发的元素是`要放置的位置`所代表的元素
- `drop`事件的触发需要`dragover`设置`preventDefault()`
- `e.datatransfer.setData`能有有效的减少交互的复杂度
- `e.dataTransfer.effectAllowed`可以设置拖拽过程的样式,可选值`copy|move|link|none`

#### 懒加载

- table 组件中的`:tree-props`属性,`hasChildren`用来标识当前节点是否有子节点，可根据实际情况替换成自己的字段

- `load` 方法用于加载节点的数据 ，可以获取到`当前点击的节点信息`

## 注意 新加了组件 bi-tree

- 接受 props treeData ---- tree 数据
- 方法 getcheckedcinema --- 回调可以获取选中的节点
- props---- placeholder 提示文案
- props--- inputvalue 输入框的值