在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

vue項(xiàng)目中怎么用element ui 中的el-tree標(biāo)簽點(diǎn)擊按鈕連續(xù)生成多個(gè)新建文件夾和子文件夾？

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

圖片描述

圖片描述

回答
編輯回答
巴扎嘿

你需要綁定的數(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'
            }]
          }]
        }],

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

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

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

2018年1月8日 01:39