本次記錄基于iview3框架實(shí)現(xiàn)多級(jí)菜單+vue router實(shí)現(xiàn)頁(yè)面切換

創(chuàng)新互聯(lián)公司為客戶提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、程序、域名、空間一條龍服務(wù)，提供基于WEB的系統(tǒng)開發(fā). 服務(wù)項(xiàng)目涵蓋了網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站程序開發(fā)、WEB系統(tǒng)開發(fā)、微信二次開發(fā)、手機(jī)網(wǎng)站制作設(shè)計(jì)等網(wǎng)站方面業(yè)務(wù)。

方法一：

使用Tree 樹形控件，官方文檔

以官方demo為例，數(shù)據(jù)中添加URL屬性，用于路由跳轉(zhuǎn)，正式項(xiàng)目中該tree控件的數(shù)據(jù)由后端給出，需要注意的是后端給出的URL跳轉(zhuǎn)地址最前一定要看清有沒有"/" ，如果沒有自己手動(dòng)加或后端改，沒有這個(gè)"/" 斜杠會(huì)導(dǎo)致路由跳轉(zhuǎn)失敗。

思路：根據(jù)官方文檔里面寫用on-select-change事件返回當(dāng)前已選中的節(jié)點(diǎn)數(shù)組、當(dāng)前項(xiàng)，就利用返回的當(dāng)前項(xiàng)數(shù)據(jù)拿到URL，并使用router跳轉(zhuǎn)。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

標(biāo)題名稱：vue實(shí)現(xiàn)多級(jí)菜單效果-創(chuàng)新互聯(lián)
文章位置：http://weahome.cn/article/djjgih.html