위 챗 애플 릿 은 페이지 전환 값 과 값 을 얻 는 방법 분석 을 실현 합 니 다.

본 고 는 위 챗 애플 릿 이 페이지 전환 값 을 실현 하고 값 을 얻 는 방법 을 실례 로 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
안 드 로 이 드 에서 페이지 전환 값 은 모두 bundle 을 통 해 이 루어 집 니 다.현재 애플 릿 의 목록 전환 과 페이지 전송 값 을 연구 해 보 겠 습 니 다.
my.wxml

<view class="container">
 <view bindtap="bindViewTap" class="userinfo">
  <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
  <text class="userinfo-nickname">{{userInfo.nickName}}</text>
 </view>
 <view class="info_list">
  <block wx:for="{{userListInfo}}" >
   <view class="weui_cell" data-index="{{item.index}}" id="{{item.index}}"
    bindtap="userinfo_item">
    <view class="weui_cell_hd">
     <image src="{{item.icon}}"></image>
    </view>
    <view class="weui_cell_bd">
     <view class="weui_cell_bd_p"> {{item.text}} </view>
    </view>
    <view wx:if="{{item.isunread}}" class="badge">{{item.unreadNum}}</view>
    <view class="with_arrow"></view>
   </view>
  </block>
 </view>
</view>

my.js

var app = getApp()
Page({
 data: {
  userInfo: {},
  userListInfo: [{
   icon: '../../images/iconfont-dingdan.png',
   text: '    ',
   isunread: true,
   unreadNum: 2,
   index:1
  }, {
   icon: '../../images/iconfont-kefu.png',
   text: '    ',
   index: 5
  }, {
   icon: '../../images/iconfont-help.png',
   text: '    ',
   index: 6
  }]
 },
 onLoad: function () {
  var that = this
  //               
  app.getUserInfo(function (userInfo) {
   //    
   that.setData({
    userInfo: userInfo
   })
  })
 },
 userinfo_item: function (e) {
  var index = e.target.dataset.index;
  console.log("----index----" + index)
  console.log('-----id-----'
   + e.currentTarget.id)
  var app = getApp();
  //              
  app.requestId = e.currentTarget.id;
  app.requestIndex = index;
 }
})

위 챗 애플 릿 이 id 를 설정 하 는 방법 표지 로 값 을 전달 합 니 다.
점프 할 item 에 id 를 설정 하고 현재 id 에 대응 하 는 key 값 을 부여 합 니 다.
예 를 들 어id="{{item.index}}"그 후에 우 리 는 js 의 bindtap 응답 이벤트 에서 가 져 와 다음 화면 에 전달 합 니 다.
id 전송 값 가 져 오기e.currentTarget.id;을 통 해 설 정 된 id 값 을 가 져 오고 전역 대상 을 설정 하 는 방식 으로 수 치 를 전달 합 니 다.
전역 대상 가 져 오기var app=getApp();/전역 요청 접근 전달 인자 설정app.requestDetailid=id;디 버 깅 모드 에서:wxml 에서 우리 가 설정 한 모든 item 의 id 값 을 볼 수 있 습 니 다.
data-xxxx 방법 으로 표 지 를 통 해 값 을 전달 합 니 다.
data-xxxx 의 방법 표 지 를 사용 하여 값 을 전달 합 니 다.xxxx 는 my.wxml 의 data-index 보다 이름 을 사용자 정의 할 수 있 습 니 다.
어떻게 data-xxxx 가 전달 하 는 값 을 가 져 옵 니까?
js 의 bindtap 응답 이벤트 에서:
데이터 분석 을 통 해 데 이 터 를 층 층 이 찾 습 니 다.var id=e.target.dataset.index(데이터-id 의 이름 에 따라)
예 를 들 어 js 의 두 인쇄 는 두 가지 다른 방식 으로 얻 은 id 입 니 다.
위 챗 애플 릿 은 어떻게 페이지 를 넘 어 값 을 가 져 옵 니까?
위의 방식 에 따라 전달 할 값 을 설정 합 니 다.페이지 가 이동 한 후에 우 리 는 다음 페이지 에서 전달 할 데 이 터 를 받 아야 합 니 다.(이 데 이 터 는 전달 하기 전에 전역 변수 로 설정 되 었 습 니 다)전역 변수 에 새로운 key,value 를 추가 한 것 과 같 습 니 다.
점프 후 js 페이지 에서 전 달 된 데이터 detail.js 를 받 습 니 다.
마찬가지 로 전역 액 방식 으로 값 을 추출 합 니 다.(즉,app.js 에서 특정한 변 수 를 추출 하 는 값 과 같 습 니 다)

var id=getApp().requestId;
var index=getApp().requestIndex;
console.log(id);
console.log(index);

링크 를 통 해 전송:

wx.navigateTo({
 url: '/pages/account/feedback/feedback?test=feedback_test&name=jia',
 success: function(res) {},
 fail: function(res) {},
 complete: function(res) {},
})

페이지 를 클릭 하여 점프 할 때 통과 합 니까?방식 전 삼.점프 후 페이지 JS 에서 다음 과 같이 수신 합 니 다.

onLoad: function (e) {
  var movieid = getApp().requestId;
  var movieIndex = getApp().requestIndex;
  console.log("-----feedback--movieid--" + movieid +" " + movieIndex);
  console.log("-----feedback--test--" + e.test);
  console.log("-----feedback--name--" + e.name);
 },

느낌 이 좋 은 방법 은 역시 링크 방식 을 통 해 매개 변 수 를 전달 하 는 것 이다.첫 번 째 는 안 드 로 이 드 에서 페이지 를 뛰 어 넘 고 전달 하 는 매개 변 수 를 Application 에 쓰 고 두 번 째 는 bundle 방식 으로 전달 하 는 것 과 같다.전단 소 백 총 결 은 전단 이 풍부 한 학우 들 이 더 많은 방향 을 제공 할 수 있 기 를 바란다.
본 논문 에서 말 한 것 이 여러분 의 위 챗 애플 릿 개발 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기