wepy-數據雙向綁定input

初入wepy,發現wepy和vue神似,但仍是有不同的地方,例如v-model數據雙向綁定vue

場景: 一個input搜索框,用戶輸入內容,點擊「叉叉」按鈕,輸入的內容所有清空,這是一個很常見的場景小程序

jq中解決思路:拿到該input的id或class,$(id).val = "",便可解決函數

vue中解決思路:v-model 數據雙向綁定在input中,點擊叉叉時,this.data.aimData = 「」;便可解決this

wepy中解決思路:wepy沒有v-model,可是小程序input有屬性:bindinput ,鍵盤輸入時觸發,event.detail = {value, cursor, keyCode},keyCode 爲鍵值,2.1.0 起支持,處理函數能夠直接 return 一個字符串,將替換輸入框的內容!!!鍵盤的每一次輸入咱們均可以均可以實時拿到input的值,在input上綁定value, value = "{{aimData}}"。而後再點擊叉叉的時候 this.aimData = "",就能夠清除input內容了。可是!!有BUG??清除以後input中再次輸入內容時,叉叉就失效了!!雙向綁定

緣由:數據是展現了,可是data中並無再次獲取到數據!!不是雙向綁定的。blog

解決:在bindinput 中,手動把input的value值賦給data中的aimData!! 代碼: 字符串

須要兩次綁定才能夠實現雙向綁定!!坑input

相關文章
相關標籤/搜索