通过方法跳转页面
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
