每个文件夹的基础模型:
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>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…