微信小程序记住密码

通过wx.setStorageSync()与wx.getStorageSync()方法实现登录信息的存取,实现记住密码并使用已保存的密码登录。

JS文件内容:

Page({

  /**
   * 页面的初始数据
   */
  data: {
    switchChecked:true,
    usercode:'',
    password:'',
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //页面加载时,从微信缓存读取账号密码
    var _this = this;
      _this.setData({
        usercode: wx.getStorageSync("usercode"),
        password: wx.getStorageSync("password")
      })
  },
  //获取输入的账号密码
  getinput: function (e) {
    var _this = this;
    if (e.currentTarget.dataset.value === 'usercode') {
      _this.setData({
        usercode: e.detail.value
      })
    }
    if (e.currentTarget.dataset.value === 'password') {
      _this.setData({
        password: e.detail.value  
      })
    }
  },
  //记住密码开关
  switchChange: function (event) {
    //得到值
    var checkedValue = event.detail.value;
    var _this = this;
    if (checkedValue == true){
      _this.setData({
        switchChecked:true
      })
    } else if (checkedValue == false) {
      _this.setData({
        switchChecked: false
      })
    }
  },
  //点击登录
  bindViewTap: function (e) {
    var _this = this;
    var checkedValue = _this.data.switchChecked;
    //如果记住密码则向微信缓存写入账号密码
    //如果不记住密码则清空微信缓存存在的账号密码
    if (checkedValue == true) {
      wx.setStorageSync("usercode",_this.data.usercode);
      wx.setStorageSync("password",_this.data.password);
    } else if (checkedValue == false) {
      wx.setStorageSync("usercode","");
      wx.setStorageSync("password","");
    }
    
    //省略其它登录操作
    
  },
})

 

你可能感兴趣的:(微信小程序)