>  기사  >  웹 프론트엔드  >  유니앱에서 해당 페이지로 이동하는 방법을 소개한 기사입니다.

유니앱에서 해당 페이지로 이동하는 방법을 소개한 기사입니다.

PHPz
PHPz원래의
2023-04-23 09:12:402664검색

최근에는 모바일 애플리케이션 개발이 트렌드가 되었고, 모바일 단말에 적합한 개발 프레임워크로서 유니앱은 개발자들에게 널리 환영받고 있습니다. 유니앱 개발에 있어서 페이지로 점프하는 것은 매우 흔한 작업입니다. 이 글에서는 유니앱에서 페이지를 점프하는 방법과 주의사항을 소개하겠습니다.

1. 페이지로 이동하는 방법

Uniapp에서는 uni.navigateTo와 uni.redirectTo를 사용하여 페이지로 이동할 수 있습니다. 둘의 차이점은 전자가 현재 페이지를 페이지 스택에 추가한다는 것입니다. 이는 uni.navigateBack 메소드를 통해 수행할 수 있습니다. 이전 페이지로 돌아가면 후자는 현재 페이지를 유지하지 않으며 uni.switchTab을 통해 점프한 후에는 이전 페이지로 돌아갈 수 없습니다.

  1. uni.navigateTo 메소드

페이지로 이동하려면 uni.navigateTo 메소드를 사용하세요. 샘플 코드는 다음과 같습니다.

uni.navigateTo({
  url: '/pages/home/home',
  success: function(res) {
    console.log('跳转成功', res)
  },
  fail: function(err) {
    console.log('跳转失败', err)
  }
})

url 매개변수는 이동할 페이지 경로를 나타내며 시작하는 절대 경로일 수 있습니다. / 또는 ./로 시작하는 상대 경로로 점프할 경로(예: /pages/home/home은 페이지 경로)입니다. 성공 콜백 함수는 점프 성공 후의 콜백을 나타내고, 실패는 점프 실패 후의 콜백을 나타냅니다.

  1. uni.redirectTo 메소드

페이지로 이동하려면 uni.redirectTo 메소드를 사용하세요. 샘플 코드는 다음과 같습니다.

uni.redirectTo({
  url: '/pages/home/home',
  success: function(res) {
    console.log('跳转成功', res)
  },
  fail: function(err) {
    console.log('跳转失败', err)
  }
})

url, 성공 및 실패 매개변수는 uni.navigateTo 메소드와 동일하며 다시 설명하지 마세요.

2. 참고 사항

페이지로 이동할 때 다음 사항에 주의해야 합니다.

  1. 페이지 경로가 정확해야 합니다.

uni.navigateTo 또는 uni.redirectTo를 사용할 때 url 매개변수에 전달된 경로가 정확합니다. 그렇지 않으면 대상 페이지로 이동할 수 없습니다.

  1. 페이지 경로에는 절대 경로를 사용하는 것이 좋습니다

경로 오류를 방지하려면 ./로 시작하는 상대 경로를 사용하는 대신 페이지 점프에 /로 시작하는 절대 경로를 사용하는 것이 좋습니다. 동시에 일반적으로 개발 프로세스 중에 후속 수정 및 유지 관리를 위해 페이지 경로를 구성 파일로 추출합니다. 이때 절대 경로도 사용해야 합니다.

  1. 연속 10번 이상 점프하지 마세요

한 페이지로 점프할 때 연속해서 여러 번 점프하는 것은 권장하지 않습니다. 특히 현재 페이지가 아닌 페이지로 점프하는 것은 페이지 스택이 제대로 작동하지 않을 수 있기 때문입니다. 10번 이상 점프하지 않는 것이 가장 좋습니다.

  1. uni.navigateBack을 남용하지 마세요

페이지 스택 관리를 할 때 uni.navigateBack 메소드를 남용하면 안 됩니다. 점프할 페이지가 너무 많으면 애플리케이션이 멈출 수 있기 때문입니다. 페이지 점프 시간과 빈도를 제어하는 ​​데 주의를 기울이십시오.

이 글을 통해 유니앱 점프페이지 이용 방법과 주의사항에 대해 알아보았습니다. 유니앱 개발에 종사하시는 모든 분들께 도움이 되길 바랍니다.

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

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