欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue alwaysshow

洪振霞1年前9瀏覽0評論

Vue的alwaysShow是一個非常實用的屬性,它可以讓我們在某些情況下顯示嵌套路由中的父路由組件,以便于我們更加方便地控制頁面的渲染。常見的應用場景是在面包屑導航或者是菜單欄中進行路由跳轉。

在使用alwaysShow屬性時,我們需要在父路由中設置該屬性為true,代碼如下所示:

const router = new VueRouter({
routes: [
{
path: '/home',
component: Home,
children: [
{
path: 'child',
component: Child,
meta: { title: '子路由' }
}
],
meta: { title: '父路由', alwaysShow: true }
}
]
})

這樣設置之后,即使我們打開的是子路由,父路由的組件也會被顯示出來。

而如果我們想要針對某些情況下顯示父路由組件的時候變化樣式,我們可以在組件中進行如下的判斷:

computed: {
showParent() {
return this.$route.matched.some(record =>record.meta && record.meta.alwaysShow)
}
}

這樣通過computed屬性,我們就可以在組件中判斷是否顯示父路由組件,從而對它進行一些樣式上的設置了。

總的來說,Vue的alwaysShow屬性為我們開發嵌套路由的應用提供了非常便捷的方式,我們可以在業務上輕松地控制頁面的展現內容。