微信小程序如何获取单个input值

9158APP 0

我们知道微信小程序表单值可以直接通过表单事件获取,文档中有详细说明。但有很多应用程序需要在提交表单之前获取某个表单值?如何得到这个?接下来就和小编一起来看看详细步骤吧。

1、微信小程序没有document对象,所以获取的是单个输入的值。

微信小程序如何获取单个input值

2、无法通过文档抓取输入的元素对象,然后获取元素的值。

微信小程序如何获取单个input值

3.微信为输入组件提供了多种事件。看来单个输入的值只能通过这些事件来获取。

微信小程序如何获取单个input值

4.bindblur、失去焦点事件,e.detail.value取这个对象的值。如果你console.log其他事件对象,你会发现它们都有detail属性。

微信小程序如何获取单个input值

5. 表单中的数据存储在该属性中。还有一个目标属性。您可以向元素添加data-id 属性来保存一些值。这在某些地方仍然非常有用,例如在处理选项卡切换时。

微信小程序如何获取单个input值

6. 该事件应该用于让用户首先失去焦点,然后单击获取按钮。这没有问题。然而,用户行为是不可预测的,使用bindblur并不合适。因此,这里的bindblur可以替换为bindinput事件,即获取实时输入数据。在上面的示例中,只需将xml binblur 更改为bindInput,其他所有内容保持不变。

微信小程序如何获取单个input值

以上是微信小程序如何获取单个input值的方法。如果小编分享的内容对您有帮助,请点赞或者在文章下方留言!