欢迎光临,了解微信小程序开发,就上易用通!

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

发布:2021-06-11 08:35浏览: 来源:网络 作者:tianshu

微信小程序实现清空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. })




免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。