亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue 類似于百度云文件夾系統

vue 類似于百度云文件夾系統

萬千封印 2018-10-19 16:15:18
vue怎么實現百度云類似的文件夾系統,可以一級一級文件夾點下去,給個思路,Demo更好>_<
查看完整描述

1 回答

?
收到一只叮咚

TA貢獻1821條經驗 獲得超5個贊

每個文件夾的基礎模型:

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>


查看完整回答
反對 回復 2018-11-25
  • 1 回答
  • 0 關注
  • 2939 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號