Método:
primeiro vincule a tag de entrada e value="{
{字段名}}"
,
em seguida, vincule cada tag de entrada data-params="字段名"
.
Neste momento, você pode obter o nome do campo bindinput
no método e, em seguida, obter o valor do campo.e.currentTarget.dataset.params
e.detail.value
Diagrama:
código:
<view class="form-item">
<view class="title">品名</view>
<input class="content" value="{
{baseInfo.goodsName}}" bindinput="bindKeyInput" data-params="goodsName" ></input>
</view>
<view class="form-item">
<view class="title">规格</view>
<input class="content" value="{
{baseInfo.spec}}" bindinput="bindKeyInput" data-params="spec"></input>
</view>
</view>
data: {
baseInfo: {
}
},
bindKeyInput(e){
console.log('e', e)
this.data.baseInfo[`${
e.currentTarget.dataset.params}`] = e.detail.value
this.setData({
baseInfo: this.data.baseInfo
})
console.log(`baseInfo对象:`, this.data.baseInfo)
},
Artigo de referência: ligação de dados bidirecional de entrada do miniaplicativo WeChat, para resolver cada entrada requer um método bindinput