小程序中 input空间输入文字如何清空
小程序中 input空间输入文字如何清空
场景:希望读取input控件的输入内容之后,清空输入框的内容。由于本人是JS小白,整整花了一两个小时都没到方法。
原来小程序不支持document通过id获取控件的方法,尽管编译不报错,但是实际是不起作用的,本人亲测。
只能通过数据传递的方式实现
小程序中 input空间输入文字如何清空
场景:希望读取input控件的输入内容之后,清空输入框的内容。由于本人是JS小白,整整花了一两个小时都没到方法。
原来小程序不支持document通过id获取控件的方法,尽管编译不报错,但是实际是不起作用的,本人亲测。
只能通过数据传递的方式实现,方法如下:
功能:按控件“输入”,之后input输入框就会清空
//input.wxml----添加控件<input placeholder=请输入查询语句 confirm-type =send value={{searchinput}}/><button type=primary size=mini style=background:#d0e0e;color:#000000 bindtap=BeginSearch>清空</button>
其中{{searchinput}}即input控件的输入数据
然后在对应page 的js文件中实现清空:
Page({
data: { searchinput: }
BeginSearch:function(e){this.setData({searchinput: ,})}
})
小程序体验:扫下面的二维码
完整代码下载:
智能生活宝-智能对话小程序Demo下载
技术交流:
#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可,转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格
上传时间: 2024-01-20 04:15:48
推荐阅读
留言与评论(共有 9 条评论) |
本站网友 天通苑龙德广场 | 26分钟前 发表 |
原来小程序不支持document通过id获取控件的方法,尽管编译不报错,但是实际是不起作用的,本人亲测 | |
本站网友 汉中婚纱摄影 | 19分钟前 发表 |
只能通过数据传递的方式实现,方法如下: 功能:按控件“输入”,之后input输入框就会清空 //input.wxml----添加控件<input placeholder=请输入查询语句 confirm-type =send value={{searchinput}}/><button type=primary size=mini style=background | |
本站网友 宿州租房信息 | 9分钟前 发表 |
} BeginSearch | |
本站网友 我要跟你走 | 16分钟前 发表 |
} BeginSearch | |
本站网友 岗厦 | 19分钟前 发表 |
#000000 bindtap=BeginSearch>清空</button> 其中{{searchinput}}即input控件的输入数据 然后在对应page 的js文件中实现清空: Page({ data | |
本站网友 郓城县人事局 | 12分钟前 发表 |
})} }) 小程序体验:扫下面的二维码 完整代码下载: 智能生活宝-智能对话小程序Demo下载 技术交流: | |
本站网友 武汉长江职业技术学院 | 2分钟前 发表 |
#d0e0e;color | |
本站网友 时擦 | 30分钟前 发表 |
})} }) 小程序体验:扫下面的二维码 完整代码下载: 智能生活宝-智能对话小程序Demo下载 技术交流: |