
vue-router
Zhencode
人生没有成败,凡事正面思考
展开
-
vue-router路由函数
路由配置路径中:beforeenter:(to,from,next)=>{ to:到那个路径,from:来自哪个路径,next()[true/false],是否进入跳转的路径 } 组件中:beforeRouterEnter(to,from,next)=>{ } ...原创 2019-11-15 17:18:39 · 472 阅读 · 0 评论 -
router-link-active与当前路径
<router-link :to="{path:'/homepage'}"><Icon type="ios-navigate"></Icon>电影</router-link> router-link-active 默认样式添加在homepage上,如果有/homepage/xxx同时能匹配样式到当前路径的组件 ...原创 2019-11-15 00:55:56 · 285 阅读 · 0 评论 -
多个router-view的使用
import Main.vue import left1.vue import right2.vue routes=[{ path:'/', name:Main, components:{ default:Main, left:left1, right:right2 } }] <router-view>&l...原创 2019-11-13 11:01:59 · 1676 阅读 · 0 评论 -
vue-router传值
1. 类似于get方式的传值方式:路径导航 this.$router.push({path:'/xxx', query: {userid: id }}) 接收:this.$route.query.userid 2. 类似于post方式的传值方式:组件名称导航 this.$router.push({name:'xxx', params: {userid: id }}) 接收:this...原创 2019-11-09 12:38:59 · 189 阅读 · 0 评论 -
vue的链式与编程式导航
链式:<template><router-link></router-link></template> 编程式:<script>this.$router.push('路径')</script>原创 2019-11-09 11:55:19 · 471 阅读 · 0 评论