미니 프로그램 사이를 이동하는 방법은 무엇입니까? 미니 프로그램 사이를 이동하는 방법

云罗郡主
풀어 주다: 2019-01-21 15:05:24
원래의
6183명이 탐색했습니다.

이 글의 내용은 미니 프로그램 간 이동 방법에 관한 것입니다. 작은 프로그램 사이를 이동하는 방법에는 일정한 참고 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. [추천 자료: 미니 프로그램 개발 튜토리얼]

미니 프로그램 페이지로 이동하는 네 가지 방법

1.wx.navigateTo({}), 현재 페이지를 유지하고 애플리케이션 내 페이지로 이동합니다(다음은 Jump입니다). 테스트 페이지의 코드), 그런 다음 wx.navigateBack을 사용하여 테스트 페이지에서 이전 페이지로 돌아갑니다.

wx.navigateTo({
    //跳转页面的路径,可带参数 ,用?隔开,不同参数用&分隔;
    url:'../test/test?id=1&page=4',  
    success:function(){}        //成功后的回调;
    fail:function(){}          //失败后的回调;
    complete:function(){}      //结束后的回调(成功,失败都执行)
})
로그인 후 복사

전달된 매개변수는 수신 페이지의 onLoad() 함수에서 값을 가져옵니다. 획득

onLoad: function (option) {
   console.log(option);  //可以打印一下option查看参数
   this.setData({
   id:option.id
    )};
},
로그인 후 복사

이전 페이지로 돌아가서 테스트 페이지에 return 함수를 바인딩

<view class="but" bindtap="fanhui">返回</view>
로그인 후 복사

테스트 페이지의 js에 wx.navigateBack을 작성하여 return

fanhui:function(){
    wx.navigateBack({ changed: true });
},
로그인 후 복사

2, wx.redirectTo()를 작성하고 현재 페이지를 닫습니다. tabBar가 아닌 페이지로 이동합니다.

<navigator url=&#39;../test/test?id=1&#39;>点击跳转</navigator>
로그인 후 복사

4.wx.switchTab과 비슷한 페이지 태그 탐색기를 사용하여

wx.switchTab({
url: &#39;../taste/index?id=1&#39;,  //注意switchTab只能跳转到tab页面,不能跳转到不带tab的页面
})
로그인 후 복사

미니 프로그램에서 제공하는 탭 탭을 활용하여 페이지 간 전환을 구현해보세요. 탭을 직접 구현하기 위해 코드를 작성할 필요는 없다는 점에 유의해야 합니다. 미니 프로그램은 미리 만들어진 탭을 제공합니다. 탭의 효과를 얻으려면 app.json에서 일부 매개변수만 구성하면 됩니다. 탭 탭의 구성은 app.json 파일의 tabBar 옵션을 통해 수행됩니다.

위 내용은 미니 프로그램 사이를 이동하는 방법은 무엇입니까? 미니 프로그램 사이를 이동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:csdn.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!