>위챗 애플릿 >미니 프로그램 개발 >미니 프로그램 개발에서 새 페이지 링크를 여는 방법(코드 예)

미니 프로그램 개발에서 새 페이지 링크를 여는 방법(코드 예)

不言
不言앞으로
2019-01-23 11:04:555645검색

이 글의 내용은 미니 프로그램 개발 시 새 페이지 링크를 여는 방법(코드 예시)에 대한 내용입니다. 도움이 필요한 친구들이 참고하시면 좋겠습니다.

개발된 작은 프로그램에는 사용자 센터가 있습니다. 요구 사항은 사용자가 버튼을 클릭하여 새 링크로 이동할 수 있다는 것입니다. 사실 이 요구 사항을 충족할 때 좋은 방법이 없으며, 일부 과거 경험이 소규모 프로그램에 적용되지 않는 경우도 있습니다. 최종 구현 방법은 네비게이터 컴포넌트를 사용하는 것입니다. 더 나은 방법이 있거나 제 구현 방법에 결함이 있는 경우 아래에 지적해 주시기 바랍니다.

외부 링크 표시 페이지

먼저 외부 링크의 콘텐츠를 표시하는 데 사용되는 디렉터리를 만듭니다. 외부 링크이기 때문에 웹뷰를 사용합니다.(본 컴포넌트에는 일부 기능이 있으니 참고하시고, 아래 링크에서 확인해보세요)

디렉토리 구조를 보세요. navigator는 외부 링크를 표시하는 페이지입니다.

미니 프로그램 개발에서 새 페이지 링크를 여는 방법(코드 예)
navigator.wxml에서는 한 줄의 코드만 필요합니다.

<web-view></web-view>

navigator.js中,修改url

onLoad: function (options) {
    if (options.url) {
      this.setData({
        // 设置当前链接
        url: options.url
      })
    } 
  },

User Center의 값

In 사용자 센터에서는 /navigator/navigator 링크로 이동하여 매개변수를 가져오기만 하면 됩니다. 예제를 살펴보세요

<!-- {{url}}中是外链地址 -->
<navigator></navigator>

위의 방법은 물론 실제 프로젝트가 더 복잡하고 구현되어야 합니다. 실제 필요에 따라 수정되었습니다.

위 내용은 미니 프로그램 개발에서 새 페이지 링크를 여는 방법(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제