Vue中router.push跳转传参

news/2024/7/10 0:28:59 标签: vue, vue-router

纯跳转

this.$router.push('/home')      //  向地址栏历史添加一条。可以回退
this.$router.replace('/home')       // 不添加跳转历史

params参数

this.$router.push({
	name: 'home' ,      //  或者可以写成  path: '/home'
	params: {            //  这种参数不会带在地址栏上
		name: '啦啦',
		info: { age: 18,  sex: 'man'}
	}
})

query参数

this.$router.push({
	name: 'home' ,      //  或者可以写成  path: '/home'
	query: {            //  这种参数会带在地址栏上
		name: '啦啦',
		info: '哈哈'
	}
})

拼接

this.$router.push({
	path: '/home?name=' + this.name
})

获取参数

this.$route.params.name
this.$route.query.name

就酱~


http://www.niftyadmin.cn/n/1845523.html

相关文章

【2016.3.18】作业 VS2015安装单元测试(2)

转载于:https://www.cnblogs.com/holy-angel/p/5293904.html

【Flutter 混合开发】添加 Flutter 到 iOS

Flutter 混合开发系列 包含如下: 嵌入原生View-Android嵌入原生View-iOS与原生通信-MethodChannel与原生通信-BasicMessageChannel与原生通信-EventChannel添加 Flutter 到 Android Activity添加 Flutter 到 Android Fragment添加 Flutter 到 iOS 每个工作日分享一篇…

JS 遍历对象 jQuery遍历对象

jquery for 循环遍历对象的属性: //对象的定义如下: var person{id:"1",name:"springok",age:25}; for( p in person){ alert(person[p]); } 结果:1 springok 25 依次弹出 jQuery 中each() 方法遍历对象属性 var perso…

VsCode打开.vue文件代码高亮

下载 扩展程序里下载 下载完了要重新加载一下 设置 点击这个 然后编辑器弹出: 选择Vue就好了 完成。

Flutter 1.22版本新增的Button

Flutter 1.22版本新增了3个按钮,TextButton、OutlinedButton、ElevatedButton,虽然以前的Button没有被废弃,但还是建议使用新的Button。 为什么会新增 Button?因为想要将以前的按钮调整为统一的外观比较麻烦,因此以前经…

【Flutter 实战】pubspec.yaml 配置文件详解

老孟导读:pubspec.yaml 文件是 Flutter 中非常重要的配置文件,下面就让我们看看里面各个配置的含义。 pubspec.yaml 是 Flutter 项目的配置文件,类似于 Android 中的 Gradle 配置文件,下面我们就看看 pubspec.yaml 中各个属性的配…

Python基础05 流程控制

for循环for循环需要预先设定好循环的次数(n),然后执行隶属于for的语句n次。基本构造是for 元素 in 序列: statement举例来说,我们编辑一个叫forDemo.py的文件for a in [3,4.4,life]: print a这个循环就是每次从表[3,4.4,life] 中取出一个元素&#xf…

【老孟Flutter】6种极大提升Flutter开发效率的工具包

老孟导读:本文介绍6种极大提升Flutter开发效率的工具包。 [1] 强大的日志软件包 在开发 Flutter 的过程中打印日志是常用的调试方式之一,但 Flutter 内置的日志打印非常简单,下面介绍一个强大的软件包:logger。 Logger 是一款易…