微信小程序之如何获取输入框的内容

Week.D.Awn

于 2018-07-18 15:13:28 发布

阅读量1w

点赞数 7

CC 4.0 BY-SA版权

分类专栏：其他文章标签：获取输入框内容

本文链接：https://blog.youkuaiyun.com/weekdawn/article/details/81098636

其他专栏收录该内容

23 篇文章

订阅专栏

本文介绍了如何在微信小程序中实现输入框的数据绑定。通过在wxml文件中使用bindinput绑定事件，在js文件中定义事件处理函数来获取并设置输入框的值。

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

首先需要在wxml文件的输入框内添加绑定bindinput：

<!--index.wxml-->
<view class="container">
  <input placeholder="请输入内容" bindinput='expInput'/>
</view>

然后在js文件中进行赋值操作：

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    text: ""
  },
  
//获取输入框的内容，并赋值到text中
  expInput: function (e) {
    this.setData({ text: e.detail.value })
  },

这样就获取到了输入框中的内容。