uniapp简单的跳转页面传参、发起网络请求

目录

跳转页面：uni.navigateTo

在点击事件中使用        @click="ToDetail(pageId)"

在新页面接收参数

再发起网络请求

---

 

一般用于在查看列表中的某条详细数据

例如在列表中点击跳转查看具体的某个赛程信息

可以根据id跳转到不同页面

 

 

跳转页面：uni.navigateTo

ToDetail(pageId){
		console.log("执行了点击事件跳转页面id为" + pageId)
		uni.navigateTo({
			url:"/pages/details/details?id=" + pageId,
		})
	}

在点击事件中使用        @click="ToDetail(pageId)"

点击事件传参pageId

在url后拼接参数          id？ +  pageId

url:"/pages/details/details?id=" + pageId,

 

 

在新页面接收参数

onLoad(pageId) {
	console.log("比赛页面传参：" + pageId.id),
},

 

 

再发起网络请求

getMessageById(){
		console.log("根据id获取比赛信息，id为" + this.messageId)
		var _this = this
		uni.request({
			url: this.baseUrl +'completion/getUser/' + this.messageId ,
			method:'GET',
			    success(res) {
				console.log(res.data)
					_this.messageById = res.data.data
				}
			})
		},

即可根据id在同一个页面显示不同的信息