vue跳转页面，以及传参

页面跳转

在html中使用元素标签跳转的方法如下：

 
  // @param path为你的跳转路径
  // @param query传递参数，一般传一个值，例如query:{id:1,name:'vue'}；也可以传递对象，例如 query:{model:model}

   <router-link :to="{path:'/user/detail', query:{id:1,name:'vue'}}">
   </router-link>

 

  或者写在js里面:

        html元素

              <a-button @click="toDetail">跳转</a-button>

       js

       toDetail(){
         this.$router.push({path: "/user/detail", query:{Model:jsonModel}})
       }

  页面接收

        直接写在html里面，如{{this.$route.query.Model}}，就可以正常的打印出来