his-tree/README.md

his tree vue component

#his-tree [![image](https://img.shields.io/npm/v/his-tree.svg)](https://www.npmjs.com/package/his-tree)

### 妈咪渠道树形组件

#### 安装

```javascript {.line-numbers}

  // yarn 
  $ yarn add his-tree

  // npm 
  $ npm i his-tree

```

### 使用

```javascript {.line-numbers}

  <template>
    <HisTree 
      :data="data"                    // 树形数据
      :handle-check="handleCheck"     // 选中回调
      :append="handleAppend"          // 新增回调
      :remove="handleRemove"          // 删除回调
    />
  </template>

  <script>
  import HisTree from 'his-tree';

  export default {
    name: 'Test',
    data() {
      return {
        value: [],
        data: data
      }
    },
    components: { HisTree },
    methods: {
      handleCheck({node, data, ref}) { // ref 为当前el-tree ref,可以调用tree相关方法属性
        console.log(node, data, ref);
      },
      handleAppend({node, data, ref}) {
        console.log(node, data, ref);
      },
      handleRemove({node, data, ref}) {
        console.log(node, data, ref);
      },
    }
  }
  </script>

  <style scoped lang="less">
    @import './index.less';
  </style>
```
#### 饿了么 `el-tree` 相关方法

[饿了么 `el-tree` 相关方法](http://element-cn.eleme.io/#/zh-CN/component/tree#fang-fa)