嘗試通過獲取 URL 完整路徑并拆分為一個陣列來創建面包屑,然后回圈遍歷該陣列以呈現一些面包屑。
問題是crumbs當路線改變時不會更新,我怎樣才能使它作業?
export default defineComponent({
setup() {
const store = useThemeStore();
const { fullPath } = useRoute();
return {
changeThemeStore: computed(() => store.changeTheme),
currentTheme: store.getCurrentTheme === "dark",
crumbs: computed(() => fullPath.substring(1, fullPath.length).split('/')).value
};
},
methods: {
changeTheme() {
this.changeThemeStore();
},
goToRoute(crumb: string) {
this.$router.push('/' crumb)
}
},
uj5u.com熱心網友回復:
盡量不要破壞當前路由并直接使用它,似乎被破壞的物件失去了反應性:
const route = useRoute();
...
crumbs: computed(() => route.fullPath.substring(1, route.fullPath.length).split('/'))
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/507926.html
下一篇:在兄弟標簽中訪問可迭代
