uniapp에서 페이지를 강제로 닫는 방법

uniapp 애플리케이션을 개발하다 보면 사용자가 로그아웃하는 경우, 특정 작업이 실패하는 경우 등 강제로 페이지를 닫아야 하는 상황이 있습니다. 이번 글에서는 유니앱에서 페이지를 강제로 닫는 방법에 대해 몇 가지 방법을 소개하겠습니다.

1. 페이지 매개변수를 사용하여 강제 닫기 구현

이를 구현하는 가장 간단한 방법은 페이지 매개변수를 통해 강제 닫기를 구현하는 것입니다. 구체적인 단계는 다음과 같습니다.

1. isClosePage와 같이 강제로 닫아야 하는 페이지에 변수를 초기값을 false로 정의합니다.
2. 페이지로 이동할 때 쿼리 매개변수를 통해 closePage 매개변수를 값 1로 전달하여 페이지를 강제로 닫아야 함을 나타냅니다.
3. 페이지의 마운트된 라이프 사이클에서 closePage 값이 1인지 확인합니다. 그렇다면 isClosePage 값을 true로 설정하세요.
4. 페이지의 isClosePage 변경 사항을 들어보세요. isClosePage의 값이 true이면 페이지를 닫는 작업을 수행합니다.

다음은 샘플 코드입니다.

// pageA.vue

<template>
  <div>Page A</div>
</template>

<script>
export default {
  data() {
    return {
      isClosePage: false
    }
  },
  mounted() {
    if (this.$route.query.closePage) {
      this.isClosePage = true;
    }
  },
  watch: {
    isClosePage: function(val) {
      if (val) {
        uni.navigateBack();
      }
    }
  }
}
</script>


// 跳转到pageA时

uni.navigateTo({
  url: '/pages/pageA?pageId=' + pageId + '&closePage=1',
});

2. uniapp에서 제공하는 API를 통한 강제 종료

uniapp에서는 페이지 매개변수를 통한 강제 종료 외에도 이 기능을 구현하기 위한 몇 가지 API도 제공합니다. 일반적으로 사용되는 두 가지 API는 다음과 같습니다.

1. uni.navigateBack()

이 API는 현재 페이지를 닫는 데 사용됩니다. 강제 종료를 위해 강제로 닫아야 하는 페이지에서 이 메서드를 호출할 수 있습니다. 여러 페이지를 닫아야 하는 경우 이 메서드를 여러 번 호출할 수 있습니다.

다음은 샘플 코드입니다.

// 强制关闭当前页面
uni.navigateBack();

// 强制关闭前两个页面
uni.navigateBack({
  delta: 2
});

2. uni.reLaunch()

이 API는 애플리케이션 내에서 모든 페이지를 닫고 특정 페이지를 여는 데 사용됩니다. 현재 페이지를 강제로 닫고 새 페이지를 열어야 하는 경우 이 메서드를 호출할 수 있습니다.

다음은 샘플 코드입니다.

// 强制关闭当前页面并打开pageB页面
uni.reLaunch({
  url: '/pages/pageB'
});

이 메소드를 호출하면 tabBar 페이지를 포함하여 열려 있는 모든 페이지가 닫힙니다. tabBar 페이지를 유지해야 하는 경우 tabBar 페이지를 닫을 수 없도록 설정해야 합니다.

위는 유니앱에서 페이지를 강제 종료하는 여러 가지 방법입니다. 개발자는 실제 요구 사항에 따라 자신에게 적합한 방법을 선택할 수 있습니다.

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