组件预览

​
基本用法

<query-tree :query="state.queryList" @node-click="handleNodeClick">
</query-tree>

const QueryTree = defineAsyncComponent(
  () => import("/@/components/QueryTree/index.vue")
);

const state = reactive({
  queryList: (name: String) => {
    return api({
      name: name,
    });
  },
});

const handleNodeClick = (e: any) => {};

​
插槽扩展

<query-tree>
  <template #default="{ node, data }"> </template>
</query-tree>

​
属性说明

属性说明类型默认值
props树形结构的属性配置Object{ label: 'name', children: 'children', value: 'id' }
placeholder输入框的占位符String”
loading是否显示加载状态Booleanfalse
query包含查询方法的函数，必须返回 Promise 类型的数据，并在组件中被调用Function-

​
♥️ 获取支持

遇到问题？

如果您在使用过程中遇到任何问题、有功能建议或需求，请点击此卡片前往 Gitee 仓库提交 Issue。