vue

前端小技巧(二):跳转页面

2020-02-16  本文已影响0人  荼蘼toome

对于我这个新手小白来说。。vue真的好难呀
技能使用的vue +vant+axios+route

阿拉 真的一无所知

跳转页面--单介绍我使用遇到的解决方案来言

之 前使用的语法如下
<router-link to="./details">
直接跳转到具体页面

注意:不能够携带参数

于是,我将其改成通过点击事件跳转的方法
<div class="dui" @click="dui(item.id,item.jifen)">立即兑换</div>
this.$router.push("./details?id="+id+"&jifen="+jifen);

【接手页面的内容】
mounted生命周期中打印出this.$route.query
里面存放地址栏中的信息

之后,看到浏览器中的调试控制面板
看到matched 这个是路由匹配到的组件类
用来理解路由
其中携带很多参数
如:name 指得是跳转的页面名
path 地址
query 查询参数
fullpath 全部地址

上一篇 下一篇

猜你喜欢

热点阅读