최근에는 모바일 애플리케이션 개발이 트렌드가 되었고, 모바일 단말에 적합한 개발 프레임워크로서 유니앱은 개발자들에게 널리 환영받고 있습니다. 유니앱 개발에 있어서 페이지로 점프하는 것은 매우 흔한 작업입니다. 이 글에서는 유니앱에서 페이지를 점프하는 방법과 주의사항을 소개하겠습니다.
1. 페이지로 이동하는 방법
Uniapp에서는 uni.navigateTo와 uni.redirectTo를 사용하여 페이지로 이동할 수 있습니다. 둘의 차이점은 전자가 현재 페이지를 페이지 스택에 추가한다는 것입니다. 이는 uni.navigateBack 메소드를 통해 수행할 수 있습니다. 이전 페이지로 돌아가면 후자는 현재 페이지를 유지하지 않으며 uni.switchTab을 통해 점프한 후에는 이전 페이지로 돌아갈 수 없습니다.
페이지로 이동하려면 uni.navigateTo 메소드를 사용하세요. 샘플 코드는 다음과 같습니다.
uni.navigateTo({
url: '/pages/home/home',
success: function(res) {
console.log('跳转成功', res)
},
fail: function(err) {
console.log('跳转失败', err)
}
})url 매개변수는 이동할 페이지 경로를 나타내며 시작하는 절대 경로일 수 있습니다. / 또는 ./로 시작하는 상대 경로로 점프할 경로(예: /pages/home/home은 페이지 경로)입니다. 성공 콜백 함수는 점프 성공 후의 콜백을 나타내고, 실패는 점프 실패 후의 콜백을 나타냅니다.
페이지로 이동하려면 uni.redirectTo 메소드를 사용하세요. 샘플 코드는 다음과 같습니다.
uni.redirectTo({
url: '/pages/home/home',
success: function(res) {
console.log('跳转成功', res)
},
fail: function(err) {
console.log('跳转失败', err)
}
})url, 성공 및 실패 매개변수는 uni.navigateTo 메소드와 동일하며 다시 설명하지 마세요.
2. 참고 사항
페이지로 이동할 때 다음 사항에 주의해야 합니다.
uni.navigateTo 또는 uni.redirectTo를 사용할 때 url 매개변수에 전달된 경로가 정확합니다. 그렇지 않으면 대상 페이지로 이동할 수 없습니다.
경로 오류를 방지하려면 ./로 시작하는 상대 경로를 사용하는 대신 페이지 점프에 /로 시작하는 절대 경로를 사용하는 것이 좋습니다. 동시에 일반적으로 개발 프로세스 중에 후속 수정 및 유지 관리를 위해 페이지 경로를 구성 파일로 추출합니다. 이때 절대 경로도 사용해야 합니다.
한 페이지로 점프할 때 연속해서 여러 번 점프하는 것은 권장하지 않습니다. 특히 현재 페이지가 아닌 페이지로 점프하는 것은 페이지 스택이 제대로 작동하지 않을 수 있기 때문입니다. 10번 이상 점프하지 않는 것이 가장 좋습니다.
페이지 스택 관리를 할 때 uni.navigateBack 메소드를 남용하면 안 됩니다. 점프할 페이지가 너무 많으면 애플리케이션이 멈출 수 있기 때문입니다. 페이지 점프 시간과 빈도를 제어하는 데 주의를 기울이십시오.
이 글을 통해 유니앱 점프페이지 이용 방법과 주의사항에 대해 알아보았습니다. 유니앱 개발에 종사하시는 모든 분들께 도움이 되길 바랍니다.
위 내용은 유니앱에서 해당 페이지로 이동하는 방법을 소개한 기사입니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
