vue.js进行页面跳转的方法-创新互联

小编给大家分享一下vue.js进行页面跳转的方法，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

创新互联建站IDC提供业务:IDC机房托管,成都服务器租用,IDC机房托管,重庆服务器租用等四川省内主机托管与主机租用业务;数据中心含:双线机房,BGP机房,电信机房,移动机房,联通机房。

vue跳转页面的方法

1：router-link跳转

 点击跳转2

 


 点击跳转1

 

 点击跳转3

2：this.$router.push()

params和query传参数有什么不一样？？在地址栏中可以看到，params传参数时，地址栏中看不到参数的内容，有点像ajax中的post传参，query传参数时，地址栏中可以看到传过来的参数信息，有点像ajax的个体传参

如果单独传setId一个参数的时候，地址栏中的地址如下图：

第一种方式：path - query 传参

第二种方式：name - params传参数

但是一般情况下，传参数是传递一个对象，当传递的是一个对象的时候，地址栏中的地址如下图：

第一种方式：path - query 传参

第二种方式：name - params传参数

			
微风轻轻的吹来，带来了一丝丝凉意
			

				显示
				隐藏
			
		

		
		var vm = new Vue({
			el: '#app',
			data: {
				isShow:true
			},
			methods:{
				show:function(type){
					if(type){
						this.isShow = true;
					}else{
						this.isShow = false;
					}
				}
			}
		})

看完了这篇文章，相信你对vue.js进行页面跳转的方法有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

本文名称：vue.js进行页面跳转的方法-创新互联
当前路径：http://bzwzjz.com/article/giohh.html