iview tree组件怎么写

您好，关于 iview tree 组件的编写，我们可以先在 HTML 文件中引入 iview 和 Vue.js 的依赖，然后在 Vue 实例中使用 Tree 组件并传入相关属性和方法，例如：

<template>
  <Tree
    :data="treeData"
    :draggable="true"
    :load-data="loadData"
    :render="render"
    @on-drop="onDrop"
  />
</template>

<script>
import iview from 'iview';
import 'iview/dist/styles/iview.css';
import Vue from 'vue';

Vue.use(iview);

export default {
  data() {
    return {
      treeData: [
        {
          title: 'Node1',
          key: '1',
          children: [
            {
              title: 'Child Node1',
              key: '1-1',
            },
            {
              title: 'Child Node2',
              key: '1-2',
            },
          ],
        },
        {
          title: 'Node2',
          key: '2',
        },
      ],
    };
  },
  methods: {
    loadData(node) {
      // 在这里加载子节点数据，需要返回一个 Promise
    },
    render(h, { node, data }) {
      // 自定义渲染节点的内容和样式
    },
    onDrop(draggingNode, dropNode, type) {
      // 拖拽的相关处理逻辑
    },
  },
};
</script>

当然，具体的代码实现方式与项目的需求和实际情况有关，以上代码仅供参考。