vue-router
一个柠檬味的前端
这个作者很懒,什么都没留下…
展开
-
Vue-Router1--(vue-去哪儿网)
1、开始: src下的router里面的index.js中是路由的配置,在main.js中引入了改文件就可以使用 使用router-link来做导航,类似于html中的a标签 //HelloWorld.vue <router-link to="/bar">Go to bar</router-link> index.js中的路由配置 //index.js import Vu...原创 2019-10-10 19:04:13 · 139 阅读 · 0 评论 -
Vue-Router2--(vue-去哪儿网)
1、编程式导航 除了使用 router-link>创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现 在vue实例中,我们可以通过route来访问路由实例,所以可以调用this.route来访问路由实例,所以可以调用 this.route来访问路由实例,所以可以调用this. ...原创 2019-10-11 13:36:52 · 122 阅读 · 0 评论 -
detail页的头部滚动渐隐渐现效果以及全局事件的绑定和解绑--(慕课网-去哪儿网)
在detail页面中,需要有一个头部header渐隐渐现的效果 头部组件分成两步去写,一个实现图1上面的圆框,一个实现图2上面的横条导航,然后用一个变量true/false判断显示和隐藏 给header-fixed绑定一个动态属性style=“opacityStyle”,接着在data中定义这个opacityStyle 然后就要绑定滚动事件,判断当页面滚动到某个条件时,headerbas隐藏...原创 2019-10-11 14:14:52 · 529 阅读 · 0 评论