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

Posted 2020-10-24 gongjian92

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中的所有数据
}