vue element管理後台的麵包屑

2021-09-03 01:16:04 字數 975 閱讀 4191

index.js裡面這樣寫

顯示的元件中寫

校園管理

}

data中寫

data()

}

methods中寫

//麵包屑

getbreadcrumb() ,

監聽和mounted

watch: 

},mounted(),

下面這個是因為我加了乙個圖示。可以忽略

.breadtop
如果還有隱藏的麵包屑,我在網上沒找到辦法,然後就自己想了個特別笨的辦法,大概原理就是隱藏的麵包屑肯定是要從哪個頁面跳轉過去才會顯示的。那我就直接讓他跳轉過去的時候把當前頁面的path和meta.title中的名字帶過去。。好像很笨。以後有什麼好的辦法在想。。其他的都和上面的元件一樣。只有methods中變了一丟丟,還有就是傳過來的時候要加上引數

這是上乙個顯示頁面

this.$router.push(

})

這是隱藏的頁面。只把這個改了。其他的和上面的一樣 

getbreadcrumb() }].concat(matched)        

}this.levellist = matched;

},

vue element管理後台

之前沒有用vue element寫過後台,前幾天工作需要直接上手,遇到了很多坑,總結一下 動態修改頁面的屬性不能用點屬性的形式,資料重新整理了但是頁面不會重新渲染。動態的修改物件屬性需要使用 set this.tabledata id red true 錯誤方式 this.set this.tabl...

vue element後台管理系統登入

驗證方法element上有介紹 在el form裡加上 rules rules ref ruleform 在el form item裡定義prop prop name 1 在data return裡定義rules data,2 在el form item 直接定義 rules 提交時的驗證 要把fo...

VUE element開發後台管理的搜尋功能

先看看樣式圖 實現上面這種簡單搜尋簡單的三步走 1.頁面樣式 在頁面中使用form表單的校驗功能來實現輸入搜尋。給表單的資料放入搜尋請求的data陣列中,也就是searchparams這個大集合中。備註 如果給每個輸入框新增了搜尋按鈕的click方法,則會在輸入完成後直接執行列表搜尋。所以考慮自己使...