uniapp에서 페이지로 이동하고 값을 전달하는 방법

coldplay.xixi
풀어 주다: 2020-12-17 10:23:58
원래의
5915명이 탐색했습니다.

uniapp이 페이지로 이동할 때 값을 전달하는 방법: 먼저 클릭 이벤트에 ID를 전달한 다음 메서드에 메서드를 작성합니다. 코드는 [uni.navigateTo({url:'opportunity-form?id='+ id})]; 마지막으로 세부정보 페이지에서 매개변수를 수신합니다.

uniapp에서 페이지로 이동하고 값을 전달하는 방법

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

추천(무료) :uni-app development tutorial

Uniapp 점프 페이지 값 전송 방법 :

먼저 가장 독창적인 점프 방법을 소개합니다. HTML의 a 태그와 비슷하지만 uniapp에서는 교체해야 합니다

……

a 태그를 사용하여 값을 전달하는 방법에 집중하겠습니다

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

转商机
로그인 후 복사

2. 메소드를 작성합니다.

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; } }) }
로그인 후 복사

관련 무료 학습 권장 사항:php 프로그래밍(동영상)

위 내용은 uniapp에서 페이지로 이동하고 값을 전달하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!