el-tree
文件数据懒加载
<div class="moveFile">
<div class="treeBox">
<el-tree lazy accordion
:data="moveFileData"
:props="moveFileProps"
:load="loadNodeTree"
@node-click="handMoveFile"></el-tree>
</div>
<div class="currPath" v-if="currPathObj.id">当前目录:/根目录/{{ currPathObj.filePath }}{{ currPathObj.fileName }}</div>
<div class="currPath" v-else>当前目录:/根目录</div>
</div>
data() {
return() {
currPathObj: {},
moveFileData: [{ id: 0,fileName: "根目录",children: [] }],
moveFileProps: { children: 'children',label: 'fileName' },
}
}
// 选中节点
handMoveFile(treeObj,treeNode,treeDOM) {
this.currPathObj = treeObj;
},
// 加载节点
loadNodeTree (node, resolve) {
const _ = this;
if(node.data.length>0 && !node.data.id) return resolve([{ id: 0,fileName: "根目录",children: [] }])
setTimeout(() => {
let params = { Name: "", Status: "" };
_.$api.files_api.apiFn(params).then(async res => res.code==200 ? resolve(res.data.list) : resolve([]))
}, 300);
},