a-tree-select 写法

a-tree-select 是基于 Element UI 的树形下拉选择器组件，可以方便地在树形结构中选择数据。以下是 a-tree-select 的基本使用方法：

1. 引入 Element UI 和 a-tree-select 组件：

<!-- 引入 Element UI 样式文件 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

<!-- 引入 Element UI JS 文件 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<!-- 引入 a-tree-select 组件 -->
<script src="https://unpkg.com/a-tree-select/dist/a-tree-select.min.js"></script>

2. 创建树形数据：

var treeData = [
  {
    label: '一级 1',
    children: [
      {
        label: '二级 1-1',
        children: [
          { label: '三级 1-1-1' },
          { label: '三级 1-1-2' }
        ]
      },
      {
        label: '二级 1-2',
        children: [
          { label: '三级 1-2-1' },
          { label: '三级 1-2-2' }
        ]
      }
    ]
  },
  {
    label: '一级 2',
    children: [
      {
        label: '二级 2-1',
        children: [
          { label: '三级 2-1-1' },
          { label: '三级 2-1-2' }
        ]
      },
      {
        label: '二级 2-2',
        children: [
          { label: '三级 2-2-1' },
          { label: '三级 2-2-2' }
        ]
      }
    ]
  }
];

3. 创建 a-tree-select 组件：

<a-tree-select
  v-model="selectedKeys"
  :data="treeData"
  placeholder="请选择"
  :multiple="true"
  :show-checkbox="true"
></a-tree-select>

4. 在 Vue 实例中设置 selectedKeys 数据，用于存储选中的节点：

new Vue({
  el: '#app',
  data: {
    selectedKeys: []
  },
  methods: {},
  mounted() {}
});

以上是 a-tree-select 的基本使用方法，你也可以根据需要调整组件的属性和事件来实现更多功能。