微信小程序缓存用户密码及轮播
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序缓存用户密码及轮播相关的知识，希望对你有一定的参考价值。
参考技术A 1.缓存用户及密码：wxml内容：
<!--pages/shuoye/shouye.wxml-->
<text>用户名：</text><input class="input-sty" placeholder="请输入您的账户" bindinput="bindKeyInput"/>
<text>密码：</text><input class="input-sty" placeholder="请输入您的密码" bindinput="bindKeyInput2" type="password"/>
<button bindtap="dl" size="mini" type="primary" plain="">登录</button>
js内容;
// pages/shuoye/shouye.js
Page(
/**
* 页面的初始数据
*/
data:
,
bindKeyInput:function(e)
console.log(e)
let detail:value = e;
this.setData(
inputVal:value
)
,
bindKeyInput2:function(a)
console.log(a)
let detail:value = a;
this.setData(
inputVal1:value
)
,
dl:function(res)
wx.setStorageSync('username', this.data.inputVal),
wx.setStorageSync('password', this.data.inputVal1),
wx.navigateTo(
url: '/pages/lunbo/lunbo',
)
,
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options)
,
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function ()
,
/**
* 生命周期函数--监听页面显示
*/
onShow: function ()
,
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function ()
,
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function ()
,
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function ()
,
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function ()
,
/**
* 用户点击右上角分享
*/
onShareAppMessage: function ()
)
wxss内容:
/* pages/shuoye/shouye.wxss */
.input-sty
border: 1px solid #000;
margin: 5px;
padding: 5px;
缓存问题之异步处理（微信小程序）
参考技术A 微信小程序里面的本地缓存
wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）
localStorage ：是永久存储，以用户维度隔离，同一台设备上，A 用户无法读取到 B 用户的数据。
在小程序中无 Sync 结尾的本地缓存中，都为 异步缓存
wx.setStorage（object）
参数object说明
控制台
表示储存成功
wx.getStorage（object）
示例
这个key值就是先前setStorage的命名key，证明指定获取那个缓存中的数据
wx.clearStorage(object)
清理本地数据缓存
将之前储存在Storage中的数据清空。适用于退出登录后登录信息的清除
wx.getStorageInfo(object)
异步获取当前storage的相关信息（ 当前小程序里面所有的storage的储存信息 ）
参数说明
执行结果
wx.removeStorage(OBJECT)
从本地缓存中异步移除指定 key值
获取当前data值时将报错undefined
执行结果
以上是关于微信小程序缓存用户密码及轮播的主要内容，如果未能解决你的问题，请参考以下文章