小程序点击按钮清空input

大致的思路是先给标签input设置一个value

<input value="{{value}}" placeholder="最大输入长度10"/>

然后就通过按钮的点击事件来把这个value变成空

 setValue:function () {
   this.setData({
      value:""
   })
  }

就是这么简单，一步到位

时间： 2024-10-27 18:11:29

小程序点击按钮清空input的相关文章

初识安卓小程序(点击按钮切换屏幕颜色)

如图,点击按钮就会切换屏幕的颜色首先,先创建一个安卓项目(我的版本是4.4.2的),名字为"world",当然,也可以别的名称然后在res文件夹下找到layout文件夹,找到activity_main.xml或fragment_main.xml,在里面输入或拖拽按钮 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="htt

开发第一个IOS小程序 - 点击按钮文字变色

1. 题目:实现点击按钮切换文字对应的颜色 2.分析大致的开发步骤是 •添加所需要的UI元素:3个按钮(UIButton).1个文本标签(UILabel) •监听3个按钮的点击事件 •改变文本标签的文字颜色 3.具体实现步骤 3.1 在storyboard文件中,拖拽相应控件器上,布局好以上显示页面效果 3.2 然后利用Xcode右端上的“圆圈”按钮,将代码区分割成 “Main.storyboard”与“viewController.m”文件,两个可以按住control键,不要放开,将以上元素拖

小程序点击按钮退出小程序

很简单的只要把文档看详细了就ok <navigator hover-class="none" target="miniProgram" open-type="exit"> 退出当前小程序</navigator> 原文地址:https://www.cnblogs.com/MicKing/p/10773389.html

小程序-点击按钮回到顶部1

以下代码的缺点:点击顶部按钮是直接回到顶部,而不是均匀的滑动至顶部 <scroll-view class="bigWrap" scroll-y="true" scroll-top="{{scrollTop}}" bindscroll="scroll" style="position: absolute; left: 0; top:0; bottom: 0; right: 0;"> <vie

小程序点击按钮打开一个视频

原文地址:https://www.cnblogs.com/antyhouse/p/9356276.html

小程序-----button 分享按钮

关于小程序的分享按钮在做项目的过程中,有这么一需求, 用户A可以将当前的商品分享给别的用户B, 用户B点击查看时,可以直接定位到当前的商品. 经过一番学习,找到了 button 控件中的 open-type='share' <button open-type='share'>分享</button> 小程序文档:https://developers.weixin.qq.com/miniprogram/dev/component/button.html 步骤一. 先在界面上,放置

微信小程序点击图片放大预览

微信小程序点击图片放大预览使用到 wx.previewImage 接口,可以放大.上/下一张上代码 wxml代码 <view class='content-img' wx:if="{{images}}" > <view wx:for="{{images}}"> <image src="{{item}}" data-src="{{item}}" bindtap="previewImage

小程序点击跳转外部链接微信小程序提示：不支持打开非业务域名怎么办使用web-view 配置业务域名

小程序点击跳转外部页面 1.index.wxml 添加点击事件标签可以是小程序支持的  <cover-image src='/img/invitation.png' class='img-invitation' bindtap='invitation'></cover-image> 2.index.js 添加事件 invitation: function () { var that = this; wx.showModal({ ti

小程序点击清除input内的内容不生效

如下图,点击右侧的按钮清除input的内容,当获取焦点时点击按钮是会穿透的清除不了input,使用cover-image和cover-view页面不起作用解决办法:input在左侧,按钮在右侧使他们分开,或侧给input添加padding-right 原文地址:https://www.cnblogs.com/YAN-HUA/p/10257100.html