微信小程序输入框点击清空按钮清空值

点击右侧的清空按钮，实现输入框的值清空。

第一步：输入框设置value="{{inputValue}}"。

第二步：取消按钮设置点击事件bindtap="cancel"。

  <view class="setInfo"><view class="txt">手机号</view><input class="mid" maxlength="11" placeholder="请输入手机号" value="{{inputValue}}" bindinput="bindReplaceInput"/><image class="img" src="/static/pics/sign_close.png" mode="aspectFit" bindtap="cancel"></image></view>

第二步：在按钮图标设置事件，设inputValue的值为空。

  Cancel(){this.setData({inputValue: ''})},

微信小程序输入框点击清空按钮清空值相关推荐

微信小程序实现点击分享按钮时动态改变分享图片和标题
最近在做小程序时遇到一个需求,是一个商城小程序,在每个商品上都有一个分享按钮,点击这个分享按钮就可以分享这个商品,要求分享的内容是该商品的图片和标题. 这个需求把我难住了,大家都知道在触发分享时需要提 ...
微信小程序实现点击左右按钮切换时间与DatetimePicker 时间选择组件相结合
小程序实现左右按钮切换时间和DatetimePicker 时间选择组件相结合使用主要功能的实现思路就是将我们的正常时间转成时间戳,在时间戳的基础上加一天(减一天),然后再转换成正常的时间 WXML ...
微信小程序开发——点击按钮获取用户授权没反应或反应很慢的解决方法
微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法参考文章: (1)微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法 (2)https://www.cnblogs.co ...
微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 value String 输入框的内容 type String text input的类型,有效值:text,number,idcard,dig ...
微信小程序怎么添加底部菜单按钮
继续微信小程序方面的教程,今天讲怎么在空白的小程序页面添加几个类似菜单的按钮,实现点击某个按钮跳转到对应界面,而不是单单局限于一个页面. 需要什么: 微信小程序账户电脑一台电脑安装微信开发者工具软 ...
微信小程序如何隐藏右上角分享按钮
2019独角兽企业重金招聘Python工程师标准>>> 一.微信小程序右上角有个转发按钮可以分享转发当前页面到群或者微信好友. 右上角胶囊按钮>转发转发可以配置转发是路径参 ...
微信小程序实现点击拍照长按录像功能
微信小程序实现点击拍照长按录像功能代码里面注释写的都很详细,直接上代码.官方的组件属性中有触摸开始和触摸结束属性.本功能依靠这些属性实现. .wxml代码: <!-- 相机 pages/cam ...
php 微信创建客服,如何给微信小程序内添加客服按钮
这次给大家带来如何给微信小程序内添加客服按钮,给微信小程序内添加客服按钮的注意事项有哪些,下面就是实战案例,一起来看一下. 1. 普通客服按钮添加客服-联系我们 2. 悬浮客服按钮添加,图片自定义大 ...
微信小程序实现点击导航条切换页面
本文实例为大家分享了微信小程序实现点击导航条切换页面的具体代码,供大家参考,具体内容如下我录制了个gif如下,黄色部分是不可以滑动的,蓝色部分可以滑动. 代码解说: 首先我在js自定义了navSta ...

微信小程序输入框点击清空按钮清空值

微信小程序输入框点击清空按钮清空值相关推荐

最新文章

热门文章

微信小程序 输入框点击清空按钮 清空值

微信小程序 输入框点击清空按钮 清空值相关推荐

最新文章

热门文章

微信小程序输入框点击清空按钮清空值

微信小程序输入框点击清空按钮清空值相关推荐