美文网首页
微信小程序 清空文本值

微信小程序 清空文本值

作者: 想做一个画家 | 来源:发表于2017-11-24 23:17 被阅读11次

    文档没发现官方清空的方法,但是那个问题是这样:view上的数据绑定data里面的,你输入文字输入框的改变并未改变data里面的变量
    而userInput永远是空字符串
    所以既然没改变估计就不会去操作view了

    Page({
      data: {
        userInput: '',
      },
      clearInput: function () {
        this.setData({
          userInput: ''
        });
      },
      bindKeyInput: function(e) {
        this.setData({
          userInput: e.detail.value
        });
      }
    })
    你这样做就可以实现了 
    
    <input value="{{userInput}}" bindinput="bindKeyInput"></input>
    <view bindtap="clearInput">点击清除输入框</view>
    
    

    相关文章

      网友评论

          本文标题:微信小程序 清空文本值

          本文链接:https://www.haomeiwen.com/subject/ytkzvxtx.html