好资源导航 » 文章资讯 » 解决vue项目中某一页面不想引用公共组件app.vue的问题

解决vue项目中某一页面不想引用公共组件app.vue的问题

2023-07-18 20:01:03 215

Vue单页面应用把公共组件放在app.vue但是我希望某个页面没有这些公共组件怎么办(比如登陆页面)每个页面都有导航栏但是我希望登陆页面只有一个背景色和一个登陆框没有导航栏那应该怎样设置呢?

vue中文文档：点击进入

在根组件中：在导航栏使用v-show判断当前路由是否是不需要的组件来完成页面：

在mounted(){}中使用this.path=当前页面的路由然后使用watch监测变化

补充知识：在app.vue里面注册的组件，然后想在首页不显示，需要怎样控制呢？vue切换路由的时候，在哪儿监控路由变化呢？

需求是这样的：

除了首页之外，每个页面上都要显示一个【返回的导航栏】。

那么问题来了，怎样控制首页返回导航栏的显示与隐藏呢。

思路：

在【返回的导航栏】组件里面，监听路由的变化，然后在监听里面进行判断即可。

代码：






.back_box{
width:100%;
height:30px;
background:#f1f1f1;
}

.left_arrow{
width:22px;
display:inline-block;
transform:rotate(90deg);
margin-top:4px;
margin-left:4px;
}

.left_arrowimg{
width:100%;
}

------完。

以上这篇解决vue项目中某一页面不想引用公共组件app.vue的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

解决vue项目中某一页面不想引用公共组件app.vue的问题

热门推荐

随机推荐