微信小程序实现下拉刷新清空input输入内容

最新推荐文章于 2024-12-17 01:41:17 发布

X_F_Z_Y

最新推荐文章于 2024-12-17 01:41:17 发布

阅读量3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信下拉刷新

本文链接：https://blog.csdn.net/u014570569/article/details/76854165

本文介绍如何在微信小程序中实现下拉刷新时自动清空input输入内容。传统的reset方法并不适用，作者通过给for循环中的input设置唯一编号，在下拉刷新时使用setData逐一清空输入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天自己公司的小程序需要用到这个功能，然后就上网查了一下，结果真心不如人意，找的全是什么from表单的reset方法，但是这个方法我的理解是需要用一个按钮之类的去触发，所以不是我想要的。还有一种就是给input的value一个值然后刷新的时候setData，但是我的input全是一个for循环下来的，所以当时觉得别人的这个方法也还是不对。

不过，我仔细想了一下，还是采用了第二种方法，我们可以为每一个for里的input利用for循环的index编个号，这样就可以一一对应了，直接看代码：

 <view class="dyj_price_show">
            <text class="dyj_price_text">打印价格：</text>
            <input class="dyj_price_input" id="{
  
  {item.configID}}_print" placeholder="{
  
  {item.dyPrice}}" type="digit" confirm-type="done" bindinput="changePrice" value="{
  
  {print[index]}}" />
            <text class="dyj_price_text">元</text>
          </view>

为每个for循环体力的input的value依据循环次数index设置一个Page中的data，即代码中的

value="{
  
  {print[index]}}"

然后在js文件中，下拉刷新代码中setData设置它们为空即可

this.setData({
            copy: null,
            pri

最低0.47元/天解锁文章

200万优质内容无限畅学