在我們Vue中可以使用v-mode來(lái)實(shí)現(xiàn)雙向數(shù)據(jù)綁定，而在我們小程序中要使用bindinput ,bindchange來(lái)實(shí)現(xiàn)雙向數(shù)據(jù)綁定

1.點(diǎn)擊事件

1.1.在js中定義方法

1.2.利用dindtap綁定事件

2.雙向數(shù)據(jù)綁定

2.1:雙向數(shù)據(jù)綁定之前

2.2:雙向數(shù)據(jù)綁定之后

?實(shí)現(xiàn)雙向數(shù)據(jù)綁定很簡(jiǎn)單 ，只需要用 bindinput?來(lái)實(shí)現(xiàn)

?利用dindinput來(lái)實(shí)現(xiàn)文本框的雙向數(shù)據(jù)綁定

wxml:

<label>用戶名：</label><label>{{username}}</label><input class="input" type="text" placeholder-class="search-placeholder" placeholder="請(qǐng)輸入用戶名" maxlength="20" value="{{username}}" bindinput="inputstr" /></view>

js:

inputstr(e){var name=e.detail.valuethis.setData({username:name})}

總結(jié)

以上是生活随笔為你收集整理的微信小程序双向绑定数据的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。