微信小程序清空或修改input值的方法

最新推荐文章于 2025-06-11 10:22:38 发布

原创

最新推荐文章于 2025-06-11 10:22:38 发布 · 5.1w 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #input #清空 #修改 #小程序开发

微信小程序中input组件没有直接的清空接口，但可以通过绑定page data实现。例如，将input绑定到变量inputTxt，然后在JavaScript中改变这个变量的值，可以达到清空或修改input显示的效果。在实际应用中，可以结合button事件，从预设语料库中选择内容更新input，并处理语义解析结果。

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

微信小程序中的input组件，用来采集用户输入文本，官方组件并未提供接口供清除页面上显示的用户输入的部分，比如想要做一个按键“清除输入”，就尴尬了，因为button组件的事件里没办法控制到input组件的属性。

网上搜了一些方法，比较讨巧的方式即，利用page data绑定的方式，即可实现上述功能，当然同时想要在程序中刷新input为其它信息也是很容易的事情了，具体参考以下代码：

xx.wxml部分，将input绑定一个变量inputTxt

    <view class="page-section">
      <view class="weui-cells weui-cells_after-title">
        <view class="weui-cell weui-cell_input">
          <input class=<