VUE |
您所在的位置：网站首页 › iapp游戏转跳页面代码 › VUE |
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一个参数的时候，地址栏中的地址如下图：
3：a标签可以跳转么？？可以跳转外部链接，不能路由跳转 点击跳转5 接收方怎么接收参数？？this.$route.query.serid和this.$route.params.setid，以下举一个接收的例子 注意接收参数时是 $route 不是 $router testDemo{{this.$route.query.setid}}
知识点补充：vue三种不同方式实现页面跳转 Vue：router-link [跳转到主页] [登录] [登出]
this.$router.push("/"); [跳转到主页] export default { name: "App", methods: { // 跳转页面方法 goHome() { this.$router.push("/"); }, }this.$router.go(1); [上一页] [下一页] upPage() { // 后退一步记录，等同于 history.back() this.$router.go(-1); }, downPage() { // 在浏览器记录中前进一步，等同于 history.forward() this.$router.go(1); }
原文来源于：https://www.jb51.net/article/183611.htm |
【本文地址】