美文网首页vue
前端小技巧(二):跳转页面

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

作者: 荼蘼toome | 来源:发表于2020-02-16 17:58 被阅读0次

    对于我这个新手小白来说。。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 全部地址

    相关文章

      网友评论

        本文标题:前端小技巧(二):跳转页面

        本文链接:https://www.haomeiwen.com/subject/fvhmfhtx.html