如下所示,在许多场景中需要实时显示用户输入,具体实现见下文。
.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中的全局变量,在需要显示的地方使用相同变量即可达到实时显示。
更多微信小程序内容可以关注我和订阅专栏。
有相关需求也可联系我。