记录一下 懒加载传数据
树形组件懒加载 需要添加lazy属性,load方法才会生效
load属性需要传入一个该树形节点加载时所调用的函数
load函数接收两个参数,一个是node,即当前节点,一个是resolve作为数据处理函数
<template>
<el-row>
<el-col :span="9">
<div class="tree">
<el-scrollbar>
<div class="filter">
<el-input
v-model="filterText"
placeholder="输入关键字进行过滤"
size="small"
/>
</div>
<el-tree
ref="treeRef"
:data="data"
:props="props"
lazy
:load="loadNode"
node-key="id"
@node-click="getCurrentNode"
:filter-node-method="filterNode"
/>
</el-scrollbar>
</div>
</el-col>
<el-col :span="15">
<div class="region">
<div class="region-button">
<div class="button">
<el-button-group>
<el-button size="mini" type="primary" @click="addchildren">
<el-icon><circle-plus /></el-icon>新增下级</el-button
>
<el-button size="mini" type="primary" @click="regionDelete"
><el-icon><delete /></el-icon>删除</el-button
>
<el-button
size="mini"
type="primary"
@click="dialogVisible = true"
><el-icon><upload /></el-icon>导入</el-button
>
<el-button size="mini" type="primary"
><el-icon><download /></el-icon>导出</el-button
>
</el-button-group>
</div>
</div>
<div class="region-body">
<div class="body">
<el-form
ref="formRef"
:model="form"
label-width="120px"
:rules="regionRules"
>
<el-form-item label="父区划编号:" prop="parentCode">
<el-input
v-model="form.parentCode"
placeholder="请输入 父区划编号"
:disabled="true"
size="small"
></el-input>
</el-form-item>
<el-form-item label="父区划名称:" prop="parentName">
<el-input