微信小程序——如何获取到输入框的值

简介: 微信小程序——如何获取到输入框的值

微信小程序中,可以通过以下几种方式来获取输入框的值:

  1. 使用 bindinput 绑定输入事件,通过 event.detail.value 获取输入框的值。具体操作如下:
<input bindinput="onInput" placeholder="请输入内容"></input>
Page({
  onInput: function(event) {
    var value = event.detail.value;
    console.log(value);
  }
})
  1. 使用双向数据绑定,在 input 组件中使用 value 属性绑定一个变量,然后通过 this.data.variableName 获取输入框的值。具体操作如下:
<input value="{{inputValue}}" bindinput="onInput"></input>
Page({
  data: {
    inputValue: ''
  },
  onInput: function(event) {
    this.setData({
      inputValue: event.detail.value
    });
    console.log(this.data.inputValue);
  }
})

通过以上两种方式,你可以获取到输入框的值,并进行后续的处理。


目录
相关文章
|
7月前
|
小程序 数据库
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
265 0
|
6月前
|
存储 小程序 JavaScript
|
6月前
|
小程序 JavaScript
|
9月前
|
存储 小程序 JavaScript
微信小程序-----通用获取输入框的值
微信小程序-----通用获取输入框的值
|
9月前
|
JavaScript API 数据安全/隐私保护
vue3制作类微信的六位的密码输入框
vue3制作类微信的六位的密码输入框
225 0
|
移动开发
微信h5扫码接口范例:扫码后内容显示到输入框
微信h5扫码接口范例:扫码后内容显示到输入框
259 0
|
人工智能 安全 JavaScript
产品经理:实现一个微信输入框
产品经理:实现一个微信输入框
132 0
|
小程序 前端开发 JavaScript
手把手教你微信小程序如何设置密码输入框
手把手教你微信小程序如何设置密码输入框
980 0
|
6天前
|
人工智能 开发框架 机器人
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
AstrBot 是一个开源的多平台聊天机器人及开发框架,支持多种大语言模型和消息平台,具备多轮对话、语音转文字等功能。
1900 13
AstrBot:轻松将大模型接入QQ、微信等消息平台,打造多功能AI聊天机器人的开发框架,附详细教程
|
4月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
966 7

热门文章

最新文章