微信小程序 > 微信公开课 > 小程序Input控件的值保留问题
微信小程序,微信公开课,小程序Input控件的值保留问题

小程序Input控件的值保留问题

2019-04-03 15:16:50

如何看待微信公开课小程序热门讨论「小程序Input控件的值保留问题」
摘要:小程序Input控件的值保留问题
展开:我在做这么一个页面,用户点击红色的按钮,可以增加一行input的控件,现在发现一个问题;就是当用户已经已经有输入的情况下,比如,在昵称的控件里,输入了自己重新命名的字段,然后点击红色的“新自定义扩展项”按钮,会出现新增加了一个input控件在下方,问题是,在昵称控件里面,用户填写的值不见了,实现代码如下:1、WXML2、js我知道问题主要出在:viewclasspage__bdviewclassweuicells__titlewxcicontypenotice/wxcicon以下信息在接龙中公开显示/viewviewclassweuicellsweuicells_aftertitleviewclassweuicellweuicell_inputviewclassweuicell__bdswitchchecked{{commonSetting[0].isMusttrue?true:false}}typecheckboxnamecommonSetting[0].isMustclassswitch_display/switchinputvalue{{commonSetting[0].name昵称?:commonSetting[0].name}}namecommonSetting[0].nameclassweuiinputcommonsetting_input_labelplaceholder昵称(可轻点命名:如群昵称、英文名等)//view/viewviewclassweuicellweuicell_inputviewclassweuicell__bdswitchchecked{{commonSetting[1].isMusttrue?true:false}}typecheckboxnamecommonSetting[1].isMustclassswitch_display/switchinputvalue{{commonSetting[1].name编号?:commonSetting[1].name}}namecommonSetting[1].nameclassweuiinputcommonsetting_input_labelplaceholder编号(可轻点命名:如工号、学号、座号等)//view/view/view我在wxml文件中绑了值,点击“新自定义扩展字段”按钮的事件才处理函数://添加一个常用设置的自定义项addCommonSettingItem:function(){varcommonSettingthis.data.commonSettingvartimestamp(newDate()).valueOf()commonSetting.push({timestamp:timestamp,name:,isMust:false})this.setData({commonSetting:commonSetting})},这个可以通过设置DATA的方式,来新建一个扩展字段的输入框onshow()函数onShow:function(){varclientInputDatawx.getStorageSync(clientInputData)if(clientInputData){varcommonSettingthis.data.commonSettingcommonSetting[0].isMustclientInputData[0].isMustcommonSetting[0].nameclientInputData[0].namecommonSetting[1].isMustclientInputData[1].isMustcommonSetting[1].nameclientInputData[1].namecommonSetting[2].isMustclientInputData[2].isMustcommonSetting[3].isMustclientInputData[3].isMustcommonSetting[4].isMustclientInputData[4].isMustvarindex0var_index4for(varkeyinclientInputData){if(index4){//从第8个控件开始varisMustclientInputData[key].isMustvarnameclientInputData[key].name_index++commonSetting[_index]{timestamp:_index,isMust:isMust,name:name,isPublic:false}}index++//控件下标加1}this.setData({commonSetting:commonSetting})console.log(clientInputData)console.log(commonSetting)}但是由于没有form提交,所以其实逻辑层是无法知道用户输入了什么值的,所以无法记住input的值得状态,当用户点击按钮(非submit)的时候,会导致用户之前输入的值丢失,因为addCommonSettingItem并没有将用户输入的值存入到commonSetting[1].name,绑定的commonSetting[1].name为空值,所以用户值会丢失。如果在控件中不设置value值,那么用户输入的值是可以保留的。如果我即要有valueXXX,(XXX为JS中的DATA),同时,又希望进行addCommonSettingItem请大神指导:
标签:小程序
微信小程序,微信公开课,小程序Input控件的值保留问题

「小程序Input控件的值保留问题」热门讨论订阅

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序Input控件的值保留问题」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序Input控件的值保留问题」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序Input控件的值保留问题」

微信公开课小程序热门讨论「小程序Input控件的值保留问题」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「小程序Input控件的值保留问题」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。