微客导航 » 文章资讯 » Vue实现导航栏的显示开关控制

Vue实现导航栏的显示开关控制

2023-08-10 00:42:05 253

一，制作导航栏




.space_header_text{
position:fixed;
z-index:99;
width:100%;
}
.nav-item{
float:left;
width:33.3%;
text-align:center;
margin:00.16rem0;
}
.iconClass{
margin:.16remauto;
}

二，在将导航栏加在路由视图下面

三，Vuex中的state来控制该导航栏的显示与关闭状态

3.1定义state中状态

3.2全局引入上面的文件

四，控制导航栏的显示与关闭

4.1打开导航栏

4.2关闭导航栏

以上这篇Vue实现导航栏的显示开关控制就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

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

返回顶部
3162201930
czq8825@qq.com

Vue实现导航栏的显示开关控制

热门推荐

随机推荐