微信小程序信息输入框的写法
首先进行数据双向绑定
由于微信小程序是单项数据流,在使用输入框的时候必须先进行数据双向绑定
首先接口如下
静态写好,开始进行数据双向绑定
html:
<view class="setting_shop">
<view class="shop_content">
<view class="shop-title">
<text>发货人</text>
</view>
<view class="shop_input">
<input value="{{AddressVo.name}}" type="text" bind:input="onName" placeholder="请填写姓名" />
</view>
</view>
</view>
js:
data: {
AddressVo: {
mobile: '',
name: '',
address: '',
addressDetail: ''
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
//输入框数据双向绑定
onName(e){
this.setData({
'AddressVo.name':e.detail.value
})
},