微信小程序中 input空间输入文字如何清空

xiaoxiao2021-02-28  122

   场景:希望读取input控件的输入内容之后,清空输入框的内容。由于本人是JS小白,整整花了一两个小时都没找到方法。

原来微信小程序不支持document通过id获取控件的方法,尽管编译不报错,但是实际是不起作用的,本人亲测。

只能通过数据传递的方式实现,方法如下:

        

功能:按控件“输入”,之后input输入框就会清空

//input.wxml----添加控件 <input placeholder="请输入查询语句" confirm-type ="send" value="{{searchinput}}"/> <button type="primary" size="mini" style="background:#d0e0e3;color:#000000 " bindtap="BeginSearch">清空</button> 其中{{searchinput}}即input控件的输入数据

然后在对应page 的js文件中实现清空:

Page({ data: { searchinput:'' } BeginSearch:function(e){ this.setData({ searchinput: '', }) } }) 小程序体验:扫下面的二维码   完整代码下载: 智能生活宝-智能对话小程序Demo下载 技术交流群:       

转载请注明原文地址: https://www.6miu.com/read-43292.html

最新回复(0)