vue切换页面的时候怎么隐藏导航?进入详情页隐藏

 时间:2026-04-23 14:02:55

1、首先把思路理一下.我们可以将导航视为一个组件.要用的时候,引入进来.不要用的时候我们就不引入.

vue切换页面的时候怎么隐藏导航?进入详情页隐藏

2、首先在app.vue文件里,我们写保留一个router-view

vue切换页面的时候怎么隐藏导航?进入详情页隐藏

3、然后我们写好一个nav的组件.新建一个组件.vue文件.

vue切换页面的时候怎么隐藏导航?进入详情页隐藏

4、此时我们的nav组件已经写好了,只要在需要用的组件中引入即可!比如这里在home组件跟about组件中引入

vue切换页面的时候怎么隐藏导航?进入详情页隐藏

5、此时,在两个文件中就有了nav导航栏目.而其它的组件未进入时,我们通过路由进入一个详情组件的时候就不会出现这个导航组件了!

vue切换页面的时候怎么隐藏导航?进入详情页隐藏

  • 在js中怎样获取本年的开始日期、结束日期
  • MyEclipse如何创建应用程序服务器
  • 如何用Eclipse使用debug调试java程序
  • Myeclipse中如何更改jsp默认的打开方式
  • myeclipse 中创建项目名字中去掉maven webapp
  • 热门搜索
    越南相亲旅游团 北京故宫虚拟旅游 云南旅游服务网 长白山冬季旅游攻略 庄河旅游景点大全 暑假旅游攻略 常州旅游商贸网络课程 吉林旅游网 崇州鸡冠山旅游攻略 埃及旅游签证