码迷,mamicode.com
首页 > 其他好文 > 详细

Vue路由跳转并传值方式三种

时间:2020-05-10 15:27:15      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:传递   密文   形式   detail   com   div   传值   mic   page   

1.

 <router-link :to="{name:‘XXX‘,query:{page:1,code:100}}"></router-link>

 技术图片

 

 

 2.明文传参   URl路径会显示传递的参数

    优劣:页面刷新参数不会丢失,劣处:参数公开

this.$router.push({
        name: ‘EditDetail‘,
        query: {
          page: 1,
          code: 100
        }
      })

技术图片

接受:

 var data = this.$route.query.page
 var data = this.$route.query.code
 
 3.密文传参   参数不显示,,页面刷新参数会消失
技术图片
 
技术图片
 
接受:
技术图片

 

4.冒号的形式传递

技术图片

 

 技术图片

 

 

技术图片

 

 

 
 
 

 

Vue路由跳转并传值方式三种

标签:传递   密文   形式   detail   com   div   传值   mic   page   

原文地址:https://www.cnblogs.com/guokt/p/12844347.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!