首页 > 其他 > 详细

vue 路由传参

时间:2020-05-06 19:58:57      阅读:44      评论:0      收藏:0      [点我收藏+]

一、路由传参:https://www.jianshu.com/p/d276dcde6656

  第一种:路由中配置(页面刷新数据不会丢失)  

         path: ‘/particulars/:id‘,
        this.$router.push({
          path: `/particulars/${id}`,
        })

    获取参数

       this.$route.params.id

  第二种:通过params来传递参数(不需要路由配置,刷新页面数据会丢失

       this.$router.push({
          name: ‘particulars‘,
          params: {
            id: id
          }
        })

    获取参数

        this.$route.params.id

  第三种:通过query来传递参数(刷新页面数据还在,这种方法在url上会显示?id=**)

        this.$router.push({
          path: ‘/particulars‘,
          query: {
            id: id
          }
        })

    获取参数

       this.$route.query.id

 

vue 路由传参

原文:https://www.cnblogs.com/wfblog/p/12837963.html

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