>  기사  >  웹 프론트엔드  >  uni-app에서 해당 페이지로 이동하는 방법

uni-app에서 해당 페이지로 이동하는 방법

青灯夜游
青灯夜游원래의
2021-09-15 11:18:0645382검색

Jump 방법: 1. "uni.navigateTo(OBJECT)"를 사용합니다. 2. "uni.reLaunch(OBJECT)"를 사용합니다. 4. "uni.switchTab(OBJECT)"를 사용합니다. )" 등.

uni-app에서 해당 페이지로 이동하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, uni-app 버전 2.5.1, DELL G3 컴퓨터.

uni-app 페이지 점프는 주로 다음 5가지 방법으로 완료됩니다.

(1)uni.navigateTo(OBJECT) 현재 페이지를 유지하고 애플리케이션의 특정 페이지로 이동합니다.
(2)uni.redirectTo(OBJECT) 현재 페이지를 닫고 특정 페이지로 이동합니다. 애플리케이션 페이지
(3)uni.reLaunch(OBJECT) 모든 페이지를 닫고 애플리케이션에서 페이지 열기
(4)uni.switchTab(OBJECT) tabBar 페이지로 이동하고 tabBar가 아닌 다른 모든 페이지를 닫습니다
( 5) uni.navigateBack(OBJECT) 현재 페이지를 닫고 이전 페이지 또는 다단계 페이지로 돌아갑니다

uni.navigateTo(OBJECT)

현재 페이지를 유지하고 애플리케이션 내 페이지로 이동합니다. uni.navigateBack to 원래 페이지로 돌아갑니다. OBJECT 매개변수 설명: 매개변수 유형이 필요합니다. 설명: urlString은 이동해야 하는 애플리케이션의 tabBar가 아닌 페이지에 대한 경로입니다. 매개변수와 경로는 ?로 구분되며, 매개변수 키와 매개변수 값은 =로 연결되며, 서로 다른 매개변수는 &로 구분됩니다.

uni.navigateTo({
url: 'test?id=1&name=uniapp'

});
export default {
onLoad: function (option) {
console.log(option.id);
console.log(option.name);
 }
}

uni.redirectTo(OBJECT)

현재 페이지를 닫고 페이지로 이동 응용 프로그램에서 . OBJECT 매개변수 설명 매개변수 유형 필수 설명 urlString은 이동해야 하는 애플리케이션의 tabBar가 아닌 페이지에 대한 경로입니다. 매개변수는 경로 뒤에 포함될 수 있습니다. 매개변수와 경로는 ?로 구분되고, 매개변수 키와 매개변수 값은 =로 연결되며, 서로 다른 매개변수는 &로 구분됩니다.

uni.redirectTo({
url: 'test?id=1' // 传递参数 id,值为1
});

uni.reLaunch(OBJECT)

모든 페이지를 닫고 응용 프로그램. OBJECT 매개변수 설명: 매개변수 유형이 필요합니다. 설명 urlString은 점프해야 하는 애플리케이션 내 페이지의 경로입니다. 매개변수와 경로는 ?로 구분되고, 매개변수 키와 매개변수 값은 =로 연결되며, 서로 다른 매개변수는 &로 구분됩니다. tabBar가 아닌 페이지. OBJECT 매개변수 설명: 매개변수 유형 필수 설명 urlString은 이동해야 하는 tabBar 페이지의 경로입니다(페이지는 app.json의 tabBar 필드에 정의되어야 함). 매개변수는 path

uni.reLaunch({
url: 'test?id=1'
});
export default {
onLoad: function (option) {
console.log(option.query);
   }
}

uni 이후에 가져올 수 없습니다. .navigateBack(OBJECT)

현재 페이지를 닫고 이전 페이지 또는 다단계 페이지로 돌아갑니다. getCurrentPages()를 통해 현재 페이지 스택을 가져오고 반환할 수준 수를 결정할 수 있습니다. OBJECT 매개변수 설명: 매개변수 유형이 필요합니다. 설명 deltaNumber1 반환된 페이지 수입니다. 델타가 기존 페이지 수보다 크면 홈 페이지로 돌아갑니다.

pages.json{
"tabBar": {
"list": [
{
"pagePath": "index",
"text": "首页"
},{
"pagePath": "other",
"text": "其他"
      }]
   }
}
other.vueuni.switchTab({
url: 'index'
});

【관련 추천: "uniapp tutorial"】

위 내용은 uni-app에서 해당 페이지로 이동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.