위 챗 애플 릿 데이터 저장 및 수치 상세 설명
예 를 들 면:
A 페이지 input 입력 상자 에 전화 번 호 를 입력 하고 추 가 를 클릭 합 니 다.B 페이지 전화 영역 에 방금 입력 한 전화 번 호 를 표시 해 야 합 니 다.
이것 은 두 페이지 이기 때문에 먼저 저장 하고 값 을 받 아야 한다.위 챗 애플 릿 은 데 이 터 를 저장 하 는 API 를 제공 합 니 다.wx.setStorage(OBJECT)는 로 컬 캐 시 에서 지정 한 key 에 데 이 터 를 저장 할 수 있 습 니 다.반복 하면 원래 키 에 대응 하 는 내용 을 덮어 씁 니 다.
사고방식 은 A 페이지 에서 bininput 을 사용 하여 input 입력 값 을 가 져 오고 변수(사용자 정의)에 값 을 부여 하 며 추가 단 추 를 눌 렀 을 때 변수 가 비어 있 지 않 으 면 변수의 값 을 로 컬 캐 시 에 저장 하고 B 페이지 에서 wx.getStorage(OBJECT)방법 으로 값 을 가 져 오 는 것 이다.
ps:원본 코드 는 페이지 아래쪽 에 있 습 니 다.
코드 는 다음 과 같 습 니 다:
input 입력 상자,바 인 딩 이벤트 bininput="bindKeyInput",value="{input Value}}"을 설정 합 니 다.전화번호 가 숫자 이기 때문에 type="number"를 설정 합 니 다.단추 에 클릭 이벤트 bindtap="addbtn"추가
JS 파일 에 코드 추가
B 페이지 코드
JS 파일 에서 변수 addtel 을 설명 합 니 다.페이지 가 바 뀌 었 을 때 우리 가 방금 저장 한 값 을 꺼 내 변수 addtel 에 할당 합 니 다.전화 번 호 를 표시 해 야 하 는 곳 에서 변수 로 받 습 니 다.
JS 파일 에 코드 추가
data:{
addtel : ''
}
여기 서 onShow 방법 에서 값 을 추출 합 니 다.애플 릿 이 시작 되 거나 배경 에서 프론트 에 들 어가 면 onShow 가 실 행 됩 니 다.
그러나 모든 위 챗 애플 릿 은 로 컬 캐 시 를 가 질 수 있 습 니 다.이 방법 을 사용 할 때 로 컬 캐 시 는 최대 10MB 이 며,wx.setStorage(wx.setStorageSync),wx.getStorage(wx.getStorageSync)는 로 컬 캐 시 를 설정 하고 가 져 오 며 청소 할 수 있 습 니 다.
wx.clearstorage(wx.clearstorageSync)를 사용 하여 캐 시 를 청소 할 수도 있 습 니 다.
코드 를 다 쓴 후에 테스트 를 진행 합 니 다.
입력 상자 에 전화 번 호 를 입력 하고 추 가 를 누 르 십시오.
OK,수치 추출 성공.
A 페이지 소스 코드:
<view class="add-page">
<input placeholder=" " type="number" bindinput="bindKeyInput" value="{{inputValue}}" />
<button type="warn" class="add-btn" bindtap="addbtn" > </button>
</view>
var app = getApp()
Page({
data: {
inputValue:''
},
bindKeyInput:function(e){
this.setData({
inputValue: e.detail.value
})
},
addbtn:function(){
if(this.data.inputValue){
wx.redirectTo({
url: '../ordered/ordered'
})
wx.setStorage({
key:"addTel",
data:this.data.inputValue
})
}else{
wx.showModal({
title: ' ',
content: ' ',
success: function(res) {
if (res.confirm) {
console.log(' ')
}
}
})
}
},
onload:function(){
//onload
}
})
B 페이지 소스 코드:
<view class="menu-item">
<navigator class="menu-item-main" >
<text class="menu-item-name"> </text>
<view class="ordtel">
<text class="ordtext">{{addtel}}</text>
<image class="menu-item-icon" src="/image/tel.png"></image>
</view>
</navigator>
</view>
var app = getApp()
Page({
data:{
addtel : ''
},
onShow:function(){
var that = this;
wx.getStorage({
key: 'addTel',
success: function(res) {
console.log(res.data)
that.setData({
addtel:res.data
})
}
})
}
})
기타 관련 자 료 는 찾 아 볼 수 있다애플 릿 공식 API이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
OpenSSL 생 성 ssl 인증서텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.