今天模板兔在给客户开发WordPress小程序时需要弄一个清空input的输入内容的按钮,那么如何清空微信小程序input的value内容呢?
小程序是不支持js来处理value的值的,只能通过绑定一个动态值给value,我们清空这个动态值即可。
<view class="input-wrap">
<input class="input" value="{{inputDefault}}" placeholder="多个关键字以英文逗号拼接" bindconfirm="bindInputConfirm" bindblur="bindInputBlur" />
<icon class="icon-small" type="cancel" size="20" color="#fff" bindtap="bindInputClear"></icon>
</view>
bindInputClear: function(e){
var that = this
that.setData({inputDefault: ''})
},
有个小细节就是你可能点了清空按钮没反应,我也是找了半天,才发现需要给icon加一个z-index:9



0 个评论