适合项目表单比较少的
微信开发者工具没有像vue上的v-model直接使用的双向数据绑定功能,所以要利用小程序 的 bindinput=“inputgetName” 取实现,下面附上代码:
- 在xxx.wxml文件中
<input bindinput="userPhoneInput" placeholder="请输入您的手机号" />
- 在xxx.js文件中
data: {
phone: null
},
userPhoneInput: function(e) {
this.setData({
phone: e.detail.value
})
},
- 这样 this.data.phone就可以像在vue中this.phone一样去使用了,完整代码如下:
login.wxml:
login.js: