VUE页面传值地址栏显示传值或者不显示

最新推荐文章于 2024-05-14 23:48:59 发布

weixin_47567096

最新推荐文章于 2024-05-14 23:48:59 发布

阅读量999

点赞数

分类专栏： vue路由跳转及传值文章标签： vue

本文链接：https://blog.csdn.net/weixin_47567096/article/details/113918265

版权

本文探讨了Vue中页面传值的两种常见方式：params和query，以及它们如何影响地址栏显示。params传值类似于POST请求，不会直接在地址栏显示，而query传值则类似于GET请求，会在地址栏可见。此外，还提到了Vue中父子组件之间的数据传递。

摘要由CSDN通过智能技术生成

params传值地址栏不显示(相似post请求参数) 内联代码片。

页面传值/路由跳转 内联代码片。

// 传值结构
<div @click="fun(123)">点击传值</div>

params传值地址栏显示(相似post请求参数) 内联代码片。

// params传值
methods: {
   
	fun(data) {
   
		this.$router.push({
   
			name: '路由地址'
			params:{
   name(要接收的名称): data(要传的值)}
		})

关注