微信小程序input組件bindflur事件真機獲取不到input值得問題測試
“閑來無事不從容逸爵,睡覺東窗日已紅”悠砚。
閑來無事是真幅疼,東窗日紅就不那么應景兒了米奸。一連兩天的雨無不向人們宣告著秋季的到來。而此刻我頗有一番“臥聽蕭蕭雨打窗”的舒適姿態(tài)爽篷。忽而記起昨日工作中遇到的一問題悴晰,遂起筆書之。
微信小程序開發(fā)中狼忱,應用了一個modal框膨疏,其內包含有一個input組件。點擊modal框確定時钻弄,需獲取到input的輸入值傳入后臺判斷佃却,此時采用的是input的bindblur屬性(輸入框失去焦點時觸發(fā),event.detail = {value: value})窘俺。微信開發(fā)工具上可以實現(xiàn)饲帅,真機測試時不行。一番折騰瘤泪,發(fā)現(xiàn)是真機上無法獲取到inpu值灶泵。代碼中data的modaObj為{showModal:false,modalValue:''}。
今日測試对途,發(fā)現(xiàn)可以取到此值赦邻。可能是setData有問題实檀,待明日公司查看惶洲。
待更ing
續(xù)更~~~~
今日發(fā)現(xiàn)原因是賦值是直接使用this.setData(modalObj:{showModal:false})以致于缺少了modalObj.modalValue屬性按声。
經改正,可以正常取值恬吕。但是由于使用bindblur需要輸入框失去焦點時觸發(fā)賦值函數(shù)签则,所以點擊確定按鈕第一次會娶不到值,所以需要換為input的bindinput屬性铐料。