鍍金池/ 問答/HTML5  HTML/ vue項目中怎么用element ui 中的el-tree標簽點擊按鈕連續(xù)生成多

vue項目中怎么用element ui 中的el-tree標簽點擊按鈕連續(xù)生成多個新建文件夾和子文件夾？

項目采用vue+element開發(fā)，現(xiàn)在有這樣的一個需求：下圖是要求開發(fā)的界面，當點擊‘管理目錄層級’中的‘新建目錄’可以在下方的左側新建目錄（需求要求可以新建N個），然后選中新建目錄，可以新建N個子目錄，而子目錄下可以新建N個子目錄，這樣可以無限循環(huán)下去，雙擊新建目錄可以修改目錄的名字，而每一個目錄和子目錄都可以添加回復內容;下面的搜索要求實時過濾相應的文件夾。我現(xiàn)在不知道怎么無限制生成新建目錄和子目錄（圖二是需求原型），如果使用el-tree標簽生成，那么怎么將文件夾圖標（圖二有示例）添加到標簽中去？請大神指點或者推薦一款插件，謝謝！

圖片描述

圖片描述

回答
編輯回答
巴扎嘿

你需要綁定的數(shù)據(jù)是這樣

data: [{
          label: '一級 1',
          children: [{
            label: '二級 1-1',
            children: [{
              label: '三級 1-1-1'
            }]
          }]
        }, {
          label: '一級 2',
          children: [{
            label: '二級 2-1',
            children: [{
              label: '三級 2-1-1'
            }]
          }, {
            label: '二級 2-2',
            children: [{
              label: '三級 2-2-1'
            }]
          }]
        }, {
          label: '一級 3',
          children: [{
            label: '二級 3-1',
            children: [{
              label: '三級 3-1-1'
            }]
          }, {
            label: '二級 3-2',
            children: [{
              label: '三級 3-2-1'
            }]
          }]
        }],

你要在哪一級新加一個子目錄，那就在對應的那個對象里面的children去push一個對象，然后以此類推，就能無限去新建文件夾和子目錄了。

2017年8月13日 05:40
編輯回答
祈歡

針對以上問題完全可以采用jq的控件ztree來解決，具體可以參考ztree的官網(wǎng)：http://www.treejs.cn/v3/demo....

2018年1月8日 01:39