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

场景：希望读取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下载

技术交流群：

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

ios微信小程序中 input 输入框问题，输入的光标中的内容自动清空
ios微信小程序中 input 输入框问题,输入的光标中的内容自动清空问题描述 1.我在页面上有个倒计时的功能,每一秒都在更新时间,更新时间显示的值(view一直变) 2.我调用input输入框,准 ...
微信小程序 - 设置input只能输入数字
需求 view如下: <view class="ys-number-input {{error?'error':''}}"><input type="n ...
微信小程序中input和picker之间切换导致input无法失去焦点
picker组件与input组件在一起使用时,若input组件获取焦点,点击picker组件时input组件不会失去焦点, 导致的input组件弹出的键盘把picker组件遮挡了. 导致这个问题的原因 ...
微信小程序中实现一段文字当只有一行时居中显示，多行时左对齐
刚开始没有头绪,百度了一下都说用wx.createSelectorQuery()这个方法,但是尝试无果. 后来突然想到一个办法,如下: 其中.prompt的样式如下看下效果:
小程序中里的bindinput_微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 valueString 输入框的内容 typeStringtextinput的类型,有效值:text,number,idcard,digit,time ...
微信小程序获取input输入的值
微信小程序获取input输入的值 view <view><text>姓名:</text><input type='text' name="user ...
微信小程序中form 表单提交和取值实例详解
2019独角兽企业重金招聘Python工程师标准>>> 我们知道,如果我们直接给 input 添加 bindinput,比如:<input bindinput="on ...
在微信小程序中怎么让一个页面的信息传递到另一个页面
首先需要在前台搭建好需要展示的那个页面.  <view class='nav'>输入个人信息</view> ...
微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 value String 输入框的内容 type String text input的类型,有效值:text,number,idcard,dig ...

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

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

最新文章

热门文章