uniapp은 점프 페이지를 어떻게 구현하고 데이터를 반환합니까?

Uniapp은 점프 페이지에서 데이터를 반환하는 메서드를 구현합니다. 먼저 ID를 클릭 이벤트에 전달한 다음 메서드에 메서드를 작성합니다. 코드는 [uni.navigateTo({url:'opportunity-form?id='+ id}) ]; 마지막으로 세부정보 페이지에서 매개변수를 받습니다.

이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

권장(무료): uni-app 개발 튜토리얼

데이터를 반환하는 점프 페이지를 구현하는 uniapp 방법:

먼저 html 태그와 유사한 가장 독창적인 점프 방법을 소개하지만, uniapp에서는 a 태그를 <navigator url=&#39;跳转的地址&#39;>……</navigator>

로 바꿔야 합니다. 값을 전달하기 위해 점프하는 방법에 집중하겠습니다

1. 클릭 이벤트에 ID를 전달합니다.

<view @tap="toOpportnity(item.id)">转商机</view>；

2. Methods

toOpportnity(id){
uni.navigateTo({        //点击跳转的方法
url:'opportunity-form?id='+id     //需要跳转的页面路径，使用问号进行id的传值，然后再拼接一个要传入的id//对象传参方式 url:'../../pages/disabled/subsidie?listObj=' + encodeURIComponent(JSON.stringify(obj))
})
}

3에 메소드를 작성합니다. , 세부정보 페이지에서 매개변수 수신

onLoad 함수 작성

onLoad(options){    //传入的参数名称，可自行修改
// console.log(options);    查看传入的id值

객체 매개변수의 메서드 수신

//this.leadobj(上个页面传过来的对象名称，即？后面的那个名称) = JSON.parse(decodeURIComponent(options.leadobj));   
}

단일 매개변수 수신, 여기서는 ID를 사용하여 소개합니다

먼저 전달된 ID를 할당해야 합니다

요청 인터페이스, URL 인터페이스 주소 뒤에는 전달된 ID [/${this.id}/]

가 와야 합니다. 전체 단계는 다음과 같습니다:

onLoad(options){
this.id = options.id;
console.log('传过来的id值为：' + options.id);
let that = this
uni.request({
url:`${this.$serverUrl}/opportunity/${this.id}/`,
header:{
'Authorization': this.uerInfo.token
},
success(res){
console.log(res)
that.opportunity = res.data;
}
})
}对象传参报错解决方案

관련 무료 학습 권장 사항: 프로그래밍 비디오

위 내용은 uniapp은 점프 페이지를 어떻게 구현하고 데이터를 반환합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!