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

2025-05-24 16:11:30

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

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

2、不能通过document去抓取input的元素对象再获取元素的值。

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

3、微信对input的组件,提供了多个事件,看来只能通过这些事件去实现单个input的值的获取。

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

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

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

5、表单中的数据就是存入这个属性中。另外还有一个target的属性,可以在元素添加data-id属性在元素中去保存一些值,这个在某些地方还是很有用的,比如处理tab切换的时候。

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

6、用这个事件应该是让用户先失去焦点后,再点获取按钮,这样是没问题的。但是用户的行为是冤铘讵柘没法预测的,使用bindblur不太妥当。所以这里的bindblur可替换为bindinput事件,表示获取实时输入的数据。上面的列子只要把xml bindblur改为bindInput即可,其他不变。

微信小程序如何获取单个input值
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢