Vue --关于传递参数

多参数传递的两种方法:

第一种:params方法(此方法传递不会在URL路径中显示拼接)

传递参数

this.$router.push({
	name: "home",
	params:{
		key:1
	}
})

在这里插入图片描述

接收参数

		created() {
			// 获取参数
			console.log(this.$route.params.key)   //key是参数名
		},

在这里插入图片描述

第二种:query方法(此方法传递会在URL路径中显示拼接)

//传递参数
todetail(id) {
	this.$router.push({
		name: 'newsDetails',
		query: {
			id: id
		}
	})
},



//接收参数
mounted() {
	if (this.$route.query.id) {
		this.id = Number(this.$route.query.id)
	}
},

相关推荐

  1. 关于前后端的参数传递

    2024-06-08 13:02:04       33 阅读
  2. vue 使用$router.push传递参数

    2024-06-08 13:02:04       25 阅读
  3. Vue3+ts实现页面跳转及参数传递

    2024-06-08 13:02:04       418 阅读
  4. vue3 + ts,如何获取路由传递参数

    2024-06-08 13:02:04       43 阅读
  5. Vue 组件参数传递:多个参数 vs 单个对象

    2024-06-08 13:02:04       34 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-08 13:02:04       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-08 13:02:04       106 阅读
  3. 在Django里面运行非项目文件

    2024-06-08 13:02:04       87 阅读
  4. Python语言-面向对象

    2024-06-08 13:02:04       96 阅读

热门阅读

  1. Vue:状态管理pinia

    2024-06-08 13:02:04       29 阅读
  2. 【微信小程序】uni-app 配置网络请求

    2024-06-08 13:02:04       28 阅读
  3. clickhouse学习笔记(三)常见表引擎

    2024-06-08 13:02:04       25 阅读
  4. ffmpeg视频,音频,图片支持的格式转换

    2024-06-08 13:02:04       27 阅读
  5. Redis集群搭建(Linux)

    2024-06-08 13:02:04       25 阅读