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

最新推荐文章于 2024-07-05 10:55:33 发布

句号（在IT行业摸爬滚打）

最新推荐文章于 2024-07-05 10:55:33 发布

阅读量616

点赞数

分类专栏：微信小程序初学者进阶联盟文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/tl437002770/article/details/135941774

版权

微信小程序初学者进阶联盟专栏收录该内容

34 篇文章 14 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

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

.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中的全局变量，在需要显示的地方使用相同变量即可达到实时显示。

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

有相关需求也可联系我。