vue里面怎么实现页面跳转_vue.js怎么进行页面跳转？

本教程操作环境：windows7系统、vue2.9版，该方法适用于所有品牌电脑。

vue跳转页面的方法

1：router-link跳转

点击跳转2

点击跳转1

点击跳转3

2：this.$router.push()

点击跳转4

export default{

name:'test',

methods:{

goTo(){

//直接跳转

this.$router.push('/testDemo');

//带参数跳转

this.$router.push({path:'/testDemo',query:{setid:123456}});

this.$router.push({name:'testDemo',params:{setid:111222}});

}

}

}

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;

}

}

}

})

更多编程相关知识，请访问：编程学习课程！！