위 챗 애플 릿 데이터 저장 및 수치 상세 설명

애플 릿 개발 과정 에서 이 페이지 에 입력 한 데 이 터 를 다음 페이지 에서 값 을 부여 해 야 합 니 다.
예 를 들 면:


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
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기