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

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

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

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

相关推荐
Coder_Boy_38 分钟前
【人工智能应用技术】-基础实战-小程序应用(基于springAI+百度语音技术)智能语音开关
人工智能·百度·小程序
说私域18 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的社群初期运营策略研究
人工智能·小程序
计算机毕设指导620 小时前
基于微信小程序的校园物品租赁与二手交易系统【源码文末联系】
spring boot·mysql·微信小程序·小程序·tomcat·maven·intellij-idea
科技小金龙20 小时前
小程序/APP接入分账系统:4大核心注意事项,避开合规与技术坑
大数据·人工智能·小程序
说私域20 小时前
开源AI智能名片链动2+1模式商城小程序的“展现”策略研究
人工智能·小程序
计算机毕设指导620 小时前
基于微信小程序的水上警务通系统【源码文末联系】
java·spring boot·mysql·微信小程序·小程序·tomcat·maven
风月歌1 天前
小程序项目之校园二手交易平台小程序源代码(源码+文档)
java·数据库·mysql·小程序·毕业设计·源码
李慕婉学姐1 天前
【开题答辩过程】以《基于uni-app框架的助学管理系统的设计与实现》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
微信小程序·uni-app
爱吃的强哥1 天前
uni-app 开发微信小程序注意点
微信小程序·小程序·uni-app