javascript - vue 类似于百度云文件夹系统
本文介绍了javascript - vue 类似于百度云文件夹系统的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
vue怎么实现百度云类似的文件夹系统,可以一级一级文件夹点下去,给个思路,Demo更好>_<
解决方案
每个文件夹的基础模型:
class Folder {
String name;
Array<Folder> children;
}
有需要的话,也要加上个Folder Parent
的指针/引用。
如:
var files = {
name: '最顶层',
children: [
{
name: '电影',
children: null
},
{
name: '音乐',
children: [{
name: '杰伦',
children: null
}]
}
]
}
<script>
export default {
data () {
currentFolder: files
},
methods: {
next(index) {
currentFolder = files.children[i]
}
}
}
</script>
<template>
<folder-list v-if="currentFolder.children">
<folder for="(f, i) in currentFolder.children" @click="nexe(i)">{f.name}</folder>
</folder-list>
</template>
这篇关于javascript - vue 类似于百度云文件夹系统的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文