// wxml
<input class="input" placeholder="请输入" value="{{ inputVal }}" bindinput="handleInput" />
<button class="button" type="primary" bindtap="clear">清空</button>
// js
Page({
data: {
inputVal: ''
},
handleInput(e) {
this.setData({
inputVal: e.detail.value,
})
},
clear() {
this.setData({
inputVal: '',
})
},
})
在安卓上，如果输入框聚焦时，点击清空按钮，输入框内容仍然存在
<form bindreset="formReset"> <input class="input" placeholder="请输入" value="{{inputVal}}" bindinput="handleInput" /> <button formType="reset">Reset</button>form试试吧