美文网首页
微信小程序:清空`<input>`标签中的内容

微信小程序:清空`<input>`标签中的内容

作者: 放风筝的小小马 | 来源:发表于2018-07-14 15:46 被阅读34次

    官方文档中:

    image.png
    <input>标签中的value属性表示的是: 输入框的初始内容;在实际应用中,例如一个搜索框,往往希望在下次点击该输入框时,上一次输入的内容被清空调,可以通过设置 value 属性来实现:
    <input value='{{inputInit}}' bindblur='onBindInputBlur' />
    
    
    data: {
      inputInit: '',
    }
    // 失去焦点,也就是关闭搜索
    onBindInputBlur: function (event) {
      this.setData({
        inputInit: '', // 清空输入框中的内容
      });
    }
    

    相关文章

      网友评论

          本文标题:微信小程序:清空`<input>`标签中的内容

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