wxml:
<view>
<view class="testView">
<input type="text" placeholder="输入框1" value="{{d.input1}}" data-type="type1" bindchange="changeData" />
<input type="text" placeholder="输入框2" value="{{d.input2}}" data-type="type2" bindchange="changeData" />
</view>
</view>
js:
data: {
d: {
input1: "",
input2: ""
}
},
changeData: function (e) {
var type = e.currentTarget.dataset.type
var value = e.detail.value
console.log(type, value)
switch (type) {
case "type1":
this.setData({
d: {
input1: value
}
})
break;
case "type2":
this.setData({
d: {
input2: value
}
})
break;
default:
break;
}
},
两个组件会相互清空,即:填入第一个input组件后会清空第二个input组件的内容,填入第二个input组件后会清空第一个input组件的内容,有没有大佬解答一下?
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
打扰各位了,我已发现问题,是我在setData字段的时候没有注意d是一个结构体,把他另一个属性给清除了,前面提问时没有注意这点的体现
this.setData({
["d.input2"]: value
})
不要写一样,看下