首页 > 其他 > 详细

对路由进行编程

时间:2019-08-10 16:08:51      阅读:78      评论:0      收藏:0      [点我收藏+]
<!-- 对路由进行编程 -->
<!-- 前面的是用router-link在页面生成a标记然后进行url转向的,其实不止可以用a标记实现,还可以通过编程的方式来实现 -->
<p>
<button @click="btnClick(1)">库里2</button>
<button @click="btnClick(2)">哈登2</button>
<router-link :to="{ name:‘Player‘,params:{ uid : 1}}">库里3</router-link>
<router-link :to="{ path: ‘/player/2/stats‘}">哈登3</router-link>
<!-- 不加冒号就直接写路由路径,写冒号就应该写java的脚本或者对象,就是push方法里面的参数, -->
</p>
 
methods:{
btnClick(uid){
this.$router.push({path:`/player/${uid}`});
//到球员的主页
// 这个地方不是用引号而是`
// this.$router.push({path:`/player/${uid}/sta`});
//链接到数据页面
// this.$router.push({ name:‘Player‘,params:{ uid : uid}});
//用name进行链接也可以进入到页面,但是传入的uid为数值型号,需要在路由的Player.vue组件中给uid加上toString的方法

// this.$router.push({ path:‘/Player‘,query:{ uid : uid}});
//url-get参数的写法
// this.$router.go(-1);
//利用属性进行翻页,定位到上一个页面,1是往前走
}
}

对路由进行编程

原文:https://www.cnblogs.com/huchong-bk/p/11331726.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!