美文网首页
微信小程序:清空`<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