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

 

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

用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' />