首页 > 编程语言 >微信小程序开发--获取输入框input的值的两种方式

微信小程序开发--获取输入框input的值的两种方式

时间:2024-07-08 17:30:01浏览次数:9  
标签:-- 微信 程序开发 detail value 输入框 input data event

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

方式1:

使用 bindinput 绑定输入事件,通过 event.detail.value 获取输入框的值。具体操作如下:
<input bindinput="onInput" placeholder="请输入内容"></input>
Page({
onInput: function(event) {
var value = event.detail;
console.log(value);
}
})

方式2:
使用双向数据绑定,在 input 组件中使用 value 属性绑定一个变量,然后通过 this.data.variableName 获取输入框的值。具体操作如下:
<input value="{{inputValue}}" bindinput="onInput"></input>

Page({
data: {
inputValue: ''
},
onInput: function(event) {
this.setData({
inputValue: event.detail
});
console.log(this.data.inputValue);
}
})

标签:--,微信,程序开发,detail,value,输入框,input,data,event
From: https://www.cnblogs.com/lynna/p/18290415

相关文章

  • Android开发——使用Android Studio封装SDK(二) jar
    前言:什么叫SDK?  软件开发工具包(SoftwareDevelopmentKit,缩写SDK)一般是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。  Android常见的SDK有哪些形式?   (1).so库:是C或C++语言而打包成的库。   (2)......
  • 大话C语言:第29篇 指针
    1指针概念指针:地址的变量化形式,其存储的是内存中某个存储单元的地址。它是地址的数值表示。指针变量:一种特殊的变量,它专门用于存放变量的地址(即指针)。注意,指针和指针变量的区别:指针本身是一个地址,这个地址指向内存中的一个存储单元。它只是一个内存地址的抽象表示,没......
  • 代码随想录算法训练营第五天|LeetCode242.有效的字母异位词 LeetCode 349. 两个数组的
    代码随想录算法训练营Day5代码随想录|LeetCode242.有效的字母异位词LeetCode349.两个数组的交集LeetCode202.快乐数LeetCode1.两数之和文章目录代码随想录算法训练营前言代码随想录原文--哈希表今天的内容真的很有挑战o(╥﹏╥)o,做了很久一、哈希表基础理论1......
  • C++ string基础用法
    基本操作构造与初始化默认构造:创建一个空字符串 std::strings;从C风格字符串构造:std::strings="Hello";从范围构造:std::strings(begin,end);从迭代器构造:std::strings(it_begin,it_end);从字符数组构造:std::strings(arr,arr+size);从重复字符构造:std::stri......
  • 【RT-Thread基础教程】线程的基本使用
    前言在嵌入式系统开发中,RTOS(Real-TimeOperatingSystem)扮演着至关重要的角色,而RT-Thread作为一款开源的实时操作系统,在嵌入式领域中备受欢迎。线程是RTOS中的基本执行单元,其良好的多任务处理能力使得嵌入式系统能够更有效地响应各种事件和任务。本文将着重介绍在RT-Thread......
  • 代码随想录算法训联营第四天|LeetCode24. 两两交换链表中的节点 LeetCode19.删除链表
    系列文章目录代码随想录算法训练营第四天:代码随想录|LeetCode24.两两交换链表中的节点LeetCode19.删除链表的倒数第N个节点面试题02.07.链表相交LeetC142.环形链表文章目录系列文章目录前言一、LeetCode24.两两交换链表中的节点1、题目链接2、题解二、LeetCod......
  • c++我的世界代码(亲测有效)
    #include<iostream>#include<conio.h>#include<string>#include<map>#include<cmath>#include<windows.h>#include<time.h>#defineKEY_DOWN(VK_NONAME)((GetAsyncKeyState(VK_NONAME)&0x8000)?1:0)void......
  • vue table+form 表格+表单动态增加一行 数据 并进行数据校验
    本功能主要实现表格加表单并且在表格中添加一行新数据,进行数据表单校验1.使用el-form将el-table包裹起来实际代码不方便展现,大概是这个意思也可以参考element中的表单的动态增加案例地址:Element-Theworld'smostpopularVueUIframework<el-form:model="Form"ref=......
  • Dify v0.6.9源码部署
    一.前置条件克隆Difyv0.6.9代码:gitclonehttps://github.com/langgenius/dify.git在启用业务服务之前,需要先部署PostgresSQL/Redis/Weaviate(如果本地没有的话),可以通过以下命令启动:cddockerdockercompose-fdocker-compose.middleware.yamlup-d增加数据......
  • Stable Diffusion【艺术风格】:当游戏角色遇上古代纸莎草纸艺术
    提示词[character]asOnidemon参数设置大模型:RealVisXLV4.0Lightning采样器:DPM++SDEKarras采样迭代步数:5CFG:2反向提示词:(octanerender,render,drawing,anime,badphoto,badphotography:1.3),(worstquality,lowquality,blurry:1.2),(badteeth,deformedt......