iview weapp输入组件input事件顺序
做小程序,使用ivew weapp组件框架,同时用到了i-input和i-modal,更具体说,就是在modal里面放置了input,填写数据后点击确定,实现提交数据。
出现点小问题,发现是事件顺序导致的,记录于此。
i-model有bind:ok和bind:cancel事件。
i-input有bind:change,bind:focus,bind:blur事件。
开始使用bind:blur获取数据,在开发工具上一切正常,点击确定后可以得到数据并顺利提交,但是在真机上调试出现问题,数据是获取到了,但提交不了。
检查原因:开发工具上,i-input的bind:blur事件先于i-modal的事件,所以先取到数据后提交。但是手机上发现,i-input的bind:blur事件比i-modal的事件迟,所以先提交后才取到数据,肯定不行。
解决办法:把i-input的bind:blur事件改为bind:change即可。
iview weapp输入组件input事件顺序的更多相关文章
- 小程序开发-iView Weapp微信小程序UI组件库入门使用
		
iView Weapp UI组件库 今天来试试iView Weapp 这个微信小程序组件库,看看好不好用~~ 官网地址: http://inmap.talkingdata.com/wx/index_p ...
 - Vue基础-自定义事件的表单输入组件、自定义组件的 v-model
		
Vue 测试版本:Vue.js v2.5.13 学习 Vue 的自定义事件的表单输入组件,觉得文档讲的不太细致,所以这里再细化一下: 如果不用 v-model,代码应该是这样: <myinput ...
 - 利用input事件来监听移动端的输入
		
今天遇到一个新需求,经理要求评论功能需要限制字数,就像微博那样限制最多输入150字,这里就需要实时提醒用户还能输入多少字了. 在最开始的时候,想到的是监听keyup事件,然后计算用户输入的字数,但是有 ...
 - input输入中文时,拼音在输入框内会触发input事件的问题。
		
问题描述: 监听文本输入框的input事件,在拼写汉字(输入法)但汉字并未实际填充到文本框中(选词)时会触发input事件,如图: 需要完成的需求就是在输入阶段不触发input中的事件,选词之后文字落 ...
 - 微信小程序UI组件库 iView Weapp快速上手
		
概述 今天在网上突然看到iView新出了一个微信小程序的组件库iView Weapp,自己就上手试了一下,发现用起来还是不错的,把自己使用的过程与大家分享下. 一 预览iView组件 1.可以在手机上 ...
 - 微信小程序引入外部组件 iView Weapp
		
iview Weapp组件的使用方法: 1. 下载小程序组件库 (前提是你已经有了项目目录) 你可以直接去github把iView Weapp的代码下载下来,也可以用过npm来下载. github地址 ...
 - input、textarea等输入框输入中文时,拼音在输入框内会触发input事件的问题
		
监听文本输入框的input事件,在拼写汉字(输入法)但汉字并未实际填充到文本框中(选词)时会触发input事件,如图: 但是在很多情况下,只需要输入到输入框的中文字符. 解决办法: 通过查阅资料得知在 ...
 - vant 使用field组件加载页面就触发input事件的坑,已解决
		
使用vant的时候,遇到一个坑,加载组件就自动触发input事件,input事件里写了验证,导致已加载就验证错误 原因:v-model绑定的时候写的是null, filed组件接收的时候把他转换成空字 ...
 - 【技术博客】使用iview的Tree组件写一棵文件树
		
本次项目的前端部分使用vue框架+iview组件构建,其中IDE的文件树部分使用了iview的Tree组件,但是Tree组件本身的接口功能极其有限,网上的相关资料也不多,在使用时费了一番功夫才摸索清楚 ...
 - atitit.组件化事件化的编程模型--服务端控件(1)---------服务端控件与标签的关系
		
atitit.组件化事件化的编程模型--服务端控件(1)---------服务端控件与标签的关系 1. 服务器控件是可被服务器理解的标签.有三种类型的服务器控件: 1 1.1. HTML 服务器控件 ...
 
随机推荐
- EverEdit插件-CHM助手:一种免费、高效的CHM手册制作方式
			
1 EverEdit插件-CHM助手:一种免费.高效的CHM手册制作方式 1.1 前言 业界制作CHM手册的工具多如牛毛,高贵的商业工具如:HelpNDoc.Help+Manual.HelpSmi ...
 - OpenLens 6.3.0 无法查案日志和进入 Pod Shell 解决方法
			
原因 OpenLens 6.3.0开始移除了Pod的查看日志和进入Pod Shell按钮,无法查看日志和进入Pod操作. 解决办法 OpenLens 6.3.0开始这两个功能以插件形式提供,需下载op ...
 - maven打包时跳过TEST的方式汇总
			
使用maven打包时如何跳过test,有以下几种方式 针对spring项目 <plugin> <groupId>org.apache.maven.plugins</gro ...
 - 微服务之调用链(Feign+SpringCloud)
			
终于到了我们的重点,微服务了. 与使用OkHttp3来实现的客户端类似,Feign接口本来也就是一个Http调用,依然可以使用Http头传值的方式,将 Trace 往下传. 本文更多的是关于 Spri ...
 - Spring Boot整合Thrift RPC
			
[转载] https://coder4.com/homs_online/spring-boot/sb-thrift.html Spring Boot自动配置简介 在介绍RPC之前,我们先来学习下Spr ...
 - Qt视频监控系统一个诡异问题的解决思路(做梦都想不到)
			
一.前言 由于Qt版本众多,几百个版本之间存在不兼容的情况,为此如果要兼容很多版本,没有取巧的办法和特殊的捷径,必须自己亲自安装各个版本编译运行并测试,大问题一般不会有,除非缺少模块,小问题还是不断有 ...
 - 鸿蒙OS创新实践:动态声控话筒开发指南
			
前言 在鸿蒙OS的生态中,开发者们不断探索和创新,以期为用户带来更丰富的交互体验.最近,我萌生了一个想法:制作一个能够随着声音动态变化的话筒组件.尽管网络上缺乏现成的参考案例,但我决定亲自动手,将这一 ...
 - 网络编程懒人入门(十四):到底什么是Socket?一文即懂!
			
本文由cxuan分享,原题"原来这才是 Socket",有修订. 1.引言 本系列文章前面那些主要讲解的是计算机网络的理论基础,但对于即时通讯IM这方面的应用层开发者来说,跟计算机 ...
 - JavaScript 数组展平方法: flat() 和 flatMap()
			
从 ES2019 中开始引入了一种扁平化数组的新方法,可以展平任何深度的数组. flat flat() 方法创建一个新数组,其中所有子数组元素以递归方式连接到特定深度. 语法:array.flat(d ...
 - Vue + Axios 请求接口方法与传参详解
			
使用Vue的脚手架搭建的前端项目,通常都使用Axios封装的接口请求,项目中引入的方式不做多介绍,本文主要介绍接口调用与不同形式的传参方法. 一.Get请求: Get请求比较简单,通常就是将参数拼接到 ...