通过方法跳转页面

---

1):不传参数

<button @click = "func()">跳转</button>
 //js
<script>
     export default{
             methods:{
                     func (){
                            this.$router.push({ path: '/version/version' });
                       }
                }
         }
</script> 

 this.$router.push();路由跳转   里面传一个对象  建是  path  值是要跳转的路由  对应 router/index.js文件中的每个页面配置的 path;

2):传参

this.$router.push({ name: 'collectionRecord',   params: { 键1:值1,键2:值2 }});
this.$router.push({ path: 'collectionRecord',   query: { 键1:值1,键2:值2 }});

    ==>> 路由传参params  和 query两种方式;
    ==>> params要用name来引入,query要用path来引入;
    ==>> 接收参数都是类似的，分别是this.$route.params.键 和 this.$route.query.键。
    ==>> params类似于ajax中post,query更类似于get传参，前者在浏览器地址栏中不显示显示参数，后者则显示

注意:接收参数的时候，已经是$route 而 不是$router了

浪客行1213的简书

---

XHH