当前位置: 首页 > news >正文

微信小程序如何实现实时显示输入内容

如下所示,在许多场景中需要实时显示用户输入,具体实现见下文。

.wxml

<input type="text" placeholder="请输入{{item.value}}(必填)" style="width:80%;" bindinput="get_required_value" data-info="{{item}}"/>

上述input元素内容中,实现实时显示的关键是bindinput="get_required_value",bindinput可以在输入框有变动时保存输入内容并调用get_required_value函数,在get_required_value中更新输入内容到data中的全局变量,在需要显示的地方使用相同变量即可达到实时显示。

更多微信小程序内容可以关注我和订阅专栏。

有相关需求也可联系我。

 

相关文章:

  • C# OpenCvSharp DNN Gaze Estimation 视线估计
  • 桌面型物联网智能机器人设计(预告)
  • uniapp本地存储日志
  • 【Java基础】之进程与线程
  • python每日学19: 类vs字典
  • 如何编写.gitignore文件
  • 万户 ezOFFICE wpsservlet SQL注入漏洞复现
  • 学区块链智能合约?来自培训学校内部的学习计划
  • Pandas处理Excel文件的实用指南 - Python开发技巧XI
  • import sys是什么
  • AR 自回归模型
  • Spring Boot项目中集成连接池及部分细节说明
  • 【开源】JAVA+Vue.js实现大学兼职教师管理系统
  • CodeFuse新开源模型荣登Big Code评测榜首!
  • MySQL原理(三)锁定机制
  • eclipse的离线汉化
  • Java 最常见的 200+ 面试题:面试必备
  • JavaScript 事件——“事件类型”中“HTML5事件”的注意要点
  • 来,膜拜下android roadmap,强大的执行力
  • 一些关于Rust在2019年的思考
  • 用Canvas画一棵二叉树
  • 3月7日云栖精选夜读 | RSA 2019安全大会:企业资产管理成行业新风向标,云上安全占绝对优势 ...
  • FaaS 的简单实践
  • JavaScript 新语法详解:Class 的私有属性与私有方法 ...
  • ​DB-Engines 12月数据库排名: PostgreSQL有望获得「2020年度数据库」荣誉?
  • ​用户画像从0到100的构建思路
  • #define,static,const,三种常量的区别
  • #define、const、typedef的差别
  • (16)Reactor的测试——响应式Spring的道法术器
  • (c语言)strcpy函数用法
  • (Redis使用系列) SpringBoot中Redis的RedisConfig 二
  • (附源码)springboot建达集团公司平台 毕业设计 141538
  • (附源码)计算机毕业设计高校学生选课系统
  • (太强大了) - Linux 性能监控、测试、优化工具
  • (学习日记)2024.01.09
  • (学习日记)2024.03.25:UCOSIII第二十二节:系统启动流程详解
  • .NET Core 实现 Redis 批量查询指定格式的Key
  • .NET Core工程编译事件$(TargetDir)变量为空引发的思考
  • .net framework 4.0中如何 输出 form 的name属性。
  • .NET MVC、 WebAPI、 WebService【ws】、NVVM、WCF、Remoting
  • .NET 应用架构指导 V2 学习笔记(一) 软件架构的关键原则
  • .net/c# memcached 获取所有缓存键(keys)
  • .NET6 开发一个检查某些状态持续多长时间的类
  • .net6使用Sejil可视化日志
  • .net遍历html中全部的中文,ASP.NET中遍历页面的所有button控件
  • ??myeclipse+tomcat
  • @transactional 方法执行完再commit_当@Transactional遇到@CacheEvict,你的代码是不是有bug!...
  • [ IO.File ] FileSystemWatcher
  • [383] 赎金信 js
  • [Android 数据通信] android cmwap接入点
  • [Android]Android P(9) WIFI学习笔记 - 扫描 (1)
  • [C#C++]类CLASS
  • [C++]unordered系列关联式容器
  • [C++]打开新世界的大门之C++入门
  • [CISCN 2019华东南]Web11