Html 使用vuejs根据各自的主页显示隐藏标题

默认情况下，我有一个可以在所有页面中看到的标题。然后是页眉2和页眉3，它们仅在打开各自的主页时显示。如果路径为“/home one”非“/home two”和“/home three”，则显示header-v1

//App.vue//

您可以使用道具、路线观察者、meta等多种方法来实现这一点

以下是在每条路线上使用meta的示例：

Vue.use（VueRouter）
常数路由=[{
路径：“/”，
组成部分：{
模板：“主页”
}
}, {
路径：'/home one'，
组成部分：{
模板：“主页一”
},
元：{
标题：1
}
},
{
路径：'/home two'，
组成部分：{
模板：“主页2”
},
元：{
页眉：2
}
},
{
路径：'/home three'，
组成部分：{
模板：“主页三”
},
元：{
页眉：3
}
}
]
常量路由器=新的VueRouter({
路线
})
const app=新的Vue({
路由器
}).$mount（“#应用程序”）

我可以在首页一看到
我可以在第二页看到
我可以在第三页看到

家
一号住宅
第二个家
家三

如果单击home 2和home 3，是否可以使标题1消失？我们是否可以将条件添加到标题1，使标题1在所有屏幕上都可见，但当单击home 2和home 3时，单独的标题显示可以在向下滚动时取消所有三个标题，并显示固定标题@DigitalDriver？？？@Aishwerya当然，不过这可能更适合一个新问题。您最初询问过根据当前路线有条件地显示页面元素，因此如果您想发布另一个问题，我很乐意提供帮助。它还帮助其他人找到他们具体问题的答案。