小白簡單demo：簡單的input輸入值的獲取和傳遞

• 發(fā)表于 8年前
• 作者風(fēng)
• 22379 人瀏覽
• 19 條評論
• 最后編輯時間 8年前
• 來自 [技術(shù)]

原創(chuàng)聲明:本文為作者原創(chuàng)，未經(jīng)允許不得轉(zhuǎn)載，經(jīng)授權(quán)轉(zhuǎn)載需注明作者和出處

  <view class="bolder">
        賬號：
        <input name="user" bindinput="inputUser" type="text"/>
        密碼：
        <input name="password" bindinput="inputPwd" type="text" password="ture"/>
        <button bindtap="clickButton" >注冊</button>
    </view>

input輸入框顯示自己輸入的值，bindinput來對輸入的值進(jìn)行接受，再把值賦給一個變量。
使用官方給的API wx.setStorageSync(‘key’, ‘value’)將獲取的值緩存到本地，在另一個頁面用var value = wx.getStorageSync(‘key’)接受緩存的值。

Page({
  data:{
    user:'',
    pwd:''
  },
  clickButton:function(){
    wx.setStorageSync('user', this.data.user);
    wx.setStorageSync('pwd', this.data.pwd);
    wx.navigateTo({
      url: '../success/success'
    })
  },
  inputUser:function(e){
    this.setData({
      user:e.detail.value
    })
  },
  inputPwd:function(e){
    this.setData({
      pwd:e.detail.value
    })
  }
})

在頁面加載時完成取值和賦值。

Page({
  data:{
    user:"",
    pwd:""
  },
  onLoad:function(options){
    // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù)
    var user=wx.getStorageSync('user');
    var pwd=wx.getStorageSync('pwd');
    this.setData({user:user});
    this.setData({pwd:pwd});
  }
})

小白的簡單demo，希望得到大神指點！！！
源碼地址
百度云公開鏈接
百度云私密鏈接密碼：h3dt

分享到:

共19條評論

Ctrl+Enter

作者