小程序模板网

微信小程序实现清空input输入框的值

发布时间:2021-06-11 08:35 所属栏目:小程序开发教程
微信小程序实现清空input输入框的值

在评论成功后等场景,需要将 input 输入框的值清空。此时可以用如下方式:

在 xxx.wxml 内,设置 value 值为 inputValue。在事件中通过 setData,动态更改 inputValue 的值
  1. <!-- xxx.wxml -->
  2. <view>
  3. <input placeholder='请输入评论' value='{{inputValue}}'></input>
  4. <text bindtap='clearInputEvent'>清除评论内容</text>
  5. </view>
  6.  
  7. // xxx.js
  8. Page({
  9. data: {
  10. inputValue: null,
  11. },
  12.  
  13. clearInputEvent: function(res) {
  14. this.setData({
  15. 'inputValue': ''
  16. })
  17. }
  18. })


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/26428.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询