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

vue中单纯跳页及跳页传参的方法

时间:2018-02-12 18:55:42      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:pos   button   单机   color   ram   钩子   路径   push   ted   

1.跳页方法

  <router-link to="文件路径">  </router-link>
   相当于a标签的作用 
 
 
2.跳页传值方法
 
 A页中的配置 
 <button @click="sub()">首页</button> //给按钮一个绑定单机事件

 

 methods: {
    sub(){
      this.$router.push({
                name: ‘路由配置中的name‘, 
                params: {
                  routeParam: this.data  //需要传递的参数
                }
          })
    },
}

  B页接受参数

mounted() { //钩子函数
    this.data = this.$route.params.routeParam;  //接受parame.params中的所有数据
}

  

 

 

vue中单纯跳页及跳页传参的方法

标签:pos   button   单机   color   ram   钩子   路径   push   ted   

原文地址:https://www.cnblogs.com/gongjian92/p/8444735.html

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