今天模板兔在给客户开发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 个评论