vue.js - 用vue怎么实现qq音乐这种 点击搜索框跳转搜索页面的效果

问题描述

问 题

现在我是把导航当做一个组件 下面的部分用<router-view>展示的 但是现在 我想点击搜索让搜索页像他这样是一个全新的页 怎么实现 像开始 <router-view>是导航下面的部分就不行了
求大神指教

解决方案

最简单的方法在 Search.vue 中设置导航栏样式隐藏
或者导航栏组件不要放在布局页 在需要的页面 import

在线Demo
http://codepen.io/u3u/pen/qrj...
因为是在线版的 没法用单文件组件 只能在生命周期用脚本控制了
没有达到预期的效果 见谅

其实我觉得最好的实现应该是把导航栏做成全局组件 用 Vue.component() 注册
在需要用的页面写一下 <music-nav> 之类的填充 这样比较好控制一点

这篇关于vue.js - 用vue怎么实现qq音乐这种 点击搜索框跳转搜索页面的效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！