Question

微信小程序如果实现input回填

想第一次用户使用时输入的信息,进行保存或缓存,再次使用时如果不变更默认是他第一次输入的信息,
如身份证号
是写请求还是做为缓存存请来
如果是缓存请问如何回填
谢谢

Answer 1

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