微信小程序> 微信小程序表单显示上次填写内容缓存实现input回填

微信小程序表单显示上次填写内容缓存实现input回填

浏览量:628 时间: 来源:guochanof

 

表单信息填写一次,下次如果无需修改不必再填,直接显示..

wx.getStorageSync(KEY)来判断本地缓存,用wx.setStorageSync(KEY,DATA)来设置缓存,用input组件的bindinput来监听用户输入的信息,把输入的信息存在缓存里(调用wx.setStorageSync(KEY,DATA))

page.js

Page({    data: {        inputText: ''    },    onShow() {        const self = this        let userText = wx.getStorageSync('userText')        if (userText) {            self.data.inputText = userText            self.setData(self.data)        } // page载入的时候先读取一次,wx.getStorageSync('userText')里面有没有内容,有内容就填充,没有则什么也不做    },    onInputText(e) {        const self = this        const value = e.detail.value        if (value) {            wx.setStorageSync('userText', value)        } // 监听用户输入的信息,一旦有内容输入进去,就会使用wx.setStorageSync('userText', value)设置usertext这个key的值,使用wx.getStorageSync('userText')可以得到usertext这个key的值    }})

page.wxml

<input type='text' value='{{inputText}}' bindinput='onInputText' />

 

微信小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎