위 챗 애플 릿 은 페이지 전환 값 과 값 을 얻 는 방법 분석 을 실현 합 니 다.
안 드 로 이 드 에서 페이지 전환 값 은 모두 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 방식 으로 전달 하 는 것 과 같다.전단 소 백 총 결 은 전단 이 풍부 한 학우 들 이 더 많은 방향 을 제공 할 수 있 기 를 바란다.본 논문 에서 말 한 것 이 여러분 의 위 챗 애플 릿 개발 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
OpenSSL 생 성 ssl 인증서텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.