麵包屑關閉和重新整理功能

2021-10-09 18:12:05 字數 940 閱讀 4041

html**:

tag="li"

class="breadcrumb-item"

@contextmenu.prevent.native="showroterlist"

v-for="(item, index) in levellist"

:to="item.path">}

重新整理

生成麵包屑路由陣列js**:

路由跳轉時監聽路由的改變,獲取當前跳轉路由資訊,插入到迴圈的路由陣列中。過濾掉refresh路由。

router.js中定義的路由要加上 meta:屬性。

watch: 

},methods:

let matched = this.$route.matched[1];

let res = this.levellist.includes(matched);

if (!res)

}}

關閉當前頁面、重新整理當前頁面js**:

//  開啟路由操作彈框,可設定彈框出現的位置,還可以加其它功能。

showroterlist(dom));

},// 關閉當前頁面

closerouteritem(path, index) else if (length <= 0)

},// 重新整理頁面,跳轉到/refresh路由

refresh());

this.routerstate = false;

},

refresh元件**:

在refresh的路由守衛鉤子裡面直接重定向到過來的路由位址,即可實現更新功能。

export default );

})},

}

麵包屑導航

麵包屑是一種常見的導航工具,通常出現在網頁內容的上方。麵包屑小巧,簡單,有時候甚至很難引起人們的注意,但就是這麼乙個簡單的小東西,卻有十分重要的作用。今天我們就教大家來認識麵包屑。麵包屑的概念來自於童話故事 漢賽爾和格萊特 當漢賽爾和格萊特穿過森林時,不小心迷路了,但他們發現在沿途走過的地方都撒下了...

Bootstrap 麵包屑導航

十一月小例子效果如下 jsp頁面 查詢 重置資源名稱 資源提供方 資源型別 資源使用方 應用系統 申請時間 操作 資源名稱 資源提供方 資源型別 資源使用方 應用系統 申請時間 操作 js function else if count 1 table list datatable fndestroy...

vue element ui麵包屑導航

1 公共元件layout中引入麵包屑導航元件,具體位置根據自己需要設定,麵包屑導航利用element ui中的,可事先了解 breadcrumb for item in levellist key item.path handlelink item a el breadcrumb item tran...