E企盈营销工具技术服务商 热线:4006-838-530

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

E企盈直播平台营销卖货系统

表单信息填写一次,下次如果无需修改不必再填,直接显示..用wx.getStorageSync(KEY)来判断本地缓存,用wx.setStorageSync(KEY,DATA)来设置缓存,用input组件的bindinput来监听用户输入的信息,把输入的信息存在缓存里(调用wx.setStorageSync(KEY,DATA))page.jsPage({    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’ /> 微信小程序

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序表单显示上次填写内容缓存实现input回填
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏