taro 编译的微信小程序， input输入框change事件触发的特别慢

最新推荐文章于 2025-03-07 18:54:38 发布
最新推荐文章于 2025-03-07 18:54:38 发布
阅读量2.5k 收藏
点赞数
分类专栏： 前端 javascript 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yunchong_zhao/article/details/116223589
版权

因为taro之前的 语法是  基于react的语法， 现在的taro 可以采用vue  甚至是vue3的语法 都可以采用 

taro  和 uniapp 挺像的   

这不  我在 input输入框中 绑定了一个  onChange事件  在 h5 页面响应特别快 

但是编译到小程序中  那简直就是龟速啊   有反应但是特别慢 很奇怪    我也猜想了很多原因 

甚至吧 微信小程序开发工具卸载重装 可还是那个样子   在者就是以为我写的方法 哪里有问题

 

最后还是没有解决   

是在没办法 我盯着官网文档 从上到下   翻了一遍 奇迹的发生 竟然没有 onChange 事件   我去  

我以为是官网写错了呢  后来 才发现是真没有     但是有一个  onInput事件  最后 改成了这个方法  才可以 瞬间响应  

 

如果习惯了 在表单上绑定  onChange 事件的话   你可以采用  taro-ui 的ui框架中的   AtInput  这个 里面 封装了一下  捏可以采用  onChange事件 

 

都是泪  啊     新公司用的 是taro   老人 也不再 只能自己一个坑一个坑 填了  

加油吧  继续  努力 

微信小程序 input 数据双向绑定
张静的博客
01-31 2080
原理： 给input的data-prop绑定一个字符串，和value绑定的变量名一致，给input绑定change事件，事件触发时获取input的value值，赋值给对应的变量（通过该input上data-prop绑定的字符串确定） wxml页面： <input value="{{address_detail}}" data-prop="address_detail" bind:change="onChange" type="text"></input> <input valu
uni-app/微信小程序 @input 延迟500毫秒判断input内容是否持续输出
weixin_42861240的博客
09-04 6781
首先写入一个input和@input方法 <input type="text" v-model="goodsName" @input="inputUp" placeholder="请输入商品名称大于4个汉字""> 在data()中设置goodsName data() { return { goodsName:'', } } 调用inputUp方法 methods...
input 选择文件很慢
diandiyi2548的博客
08-25 213
accept="image/*" 修改为下面的写法<input type="file" name="image" accpet="image/gif,image/png,image/jpeg,image/jpg,image/bmp" /> 原来是因为Chrome的SafeBrowsing功能会在上传或保存时检查文件，如果网络连接到google的速度比较快呢，...
UniApp 与 Taro 终极对决：跨平台开发框架谁更胜一筹？
最新发布
wujiayu31415的博客
03-07 1276
UniApp 和 Taro 都是优秀的跨平台开发框架，分别基于 Vue 和 React 技术栈，为开发者提供了高效、灵活的解决方案。Taro 的开发工具链相对复杂，需要开发者自行搭建环境，但其对 TypeScript 的支持非常完善，适合中大型项目。Taro 在 React Native 和 H5 上的性能表现优异，尤其是在处理复杂交互时，Taro 的性能优势更为明显。UniApp 拥有庞大的开发者社区和丰富的插件市场，尤其是在国内，UniApp 的生态非常完善。而在众多跨平台框架中，无疑是两大热门选择。
转载：text中onchange事件迟缓
jdhh_hcm
05-24 419
最近工作中遇到这样的问题，在text框中输入内容直接提交表单，并不触发onchange()事件。网上搜了一下原来text的onchange事件只有在text失去焦点的时候才被触发。 解决方法： 1.onpropertychange事件    只适用于IE，可以实现真正意义上的“change”事件。 2.主动触发change事件   object.fireEvent('onchange')。 ...
微信小程序监听 input textarea内容变动
qq_45281478的博客
03-15 2509
<textarea class="text1" placeholder="一二三" bindinput="onChange1" value="{{text1}}"></textarea> <textarea class="text1" placeholder="四五六" bindinput="onChange2" value="{{text1}}"></textarea> 使用bindinput 可以监听 input textarea 输入框里面内.
一键反编译微信小程序获取源码，并转换为uniapp或taro跨端项目
10-28
一键反编译微信小程序并转换为uniapp或taro跨端项目的过程，涉及到对微信小程序的深入理解，以及对uniapp或taro框架的熟悉。这个过程可以极大地加快小程序的跨平台迁移工作，但同时也要求开发者具备一定的技术能力和...
使用taro开发微信小程序遇到的坑总结
10-17
Taro是一个由京东凹凸实验室开发的前端开发框架，主要用于跨平台的多端开发，特别是针对微信小程序、H5、React-Native等多种端的兼容。Taro允许开发者使用类似于React的开发方式来编写一套代码，之后可以打包成不同...
微信小程序---提交表单后清空输入框
03-29
表单重置时会触发reset事件，在formreset事件中提交数据就行了，不过这样不能使用event.detail获取输入值了，要用input的bindinput事件或bindblur事件获取。然后用this.setData({})把值存起立提交表单时拿出来就行了...
Taro组件 微信小程序仿钉钉@评论功能
02-18
在微信小程序开发中，Taro 是一个非常流行的框架，它允许开发者使用 React 语法来编写代码，然后编译成适用于不同平台（如微信小程序、H5、支付宝小程序等）的应用。本项目是基于 Taro 框架实现的一个仿钉钉的评论...
微信小程序input输入延迟问题 input数据绑定延迟 ios自动删减『 踩坑记录』
这是个什么博客
04-06 3135
input输入字符过快的时候会出现延迟显示，一开始是认为数据绑定的原因的 其实这个问题在2020年的时候不少开发者在微信的小程序社区报过bug，但是这个问题出现的条件如下： 1. 在小程序开发者工具的真机调试 2. 调试时在ios平台真机调试 3. 快速的输入任意字符，或过快删减字符，会闪动 解决办法 实际上这情况只出现在 真机调试 的时候会出现，打包成小程序之后就不会出现的了 　　 没用的解决办法： 当初是用uniapp写的，input用v-model的双向数据绑定，出现了这个问题 然后认为是v-m
小程序中input标签没有反应_解决微信小程序弹出层中input无法聚焦的问题
weixin_35034088的博客
12-29 1816
此处使用的是vant框架解决聚焦问题这里遇到的问题是，在点击搜索框后，设置了弹起的弹出层中van-search的foucs值为true但是没有起到聚焦效果原因在于弹出框带有一个动画效果，需要在动画效果之后再使focus的值为true才能生效关键代码如下focus="{{isfocus}}"model:value="{{ searchValue }}"placeholder="请输入您要搜索的值"/...
微信端input输入框在ios手机上连续输入卡顿
chern1992的博客
11-14 4786
input无法输入
Taro Input组件绑定无法使用onChange - Kaiqisan
Kaiqisan的博客
11-15 2602
大家好，都吃了吗？我是Kaiqisan,是一个不善言辞的羞射男孩。当解决这个问题的时候，我骂了自己7遍sb taro的组件当然有taro自己的解决方案，官网里面都有 友情链接 解决方案 把onChange 替换成 onInput import React from 'react' import { View, Text, Input, Checkbox, Button } from '@tarojs/components' export default class Cmp3 extends React.
Taro小程序 Input组件focus属性失效解决方案
qq_33539839的博客
08-01 5082
Taro小程序开发在使用Input组件时，会遇到一个问题，设置了Input组件自动聚焦，但是在iPhone X与部分android机型上无法生效，此为官方组件的一个bug，截止Taro v3.2.7版本目前仍未解决此问题，使用方式如下： <Input type='text' placeholder='将会获取焦点' focus={true}/> 解决方案：修改为微信小程序原生组件input即可 <input type='text' placeholder='将会获取焦点' foc
微信小程序——input事件处理函数
WX139216的博客
08-09 3564
微信小程序开发——事件绑定传参与数据同步
微信小程序input数据双向绑定
qq_39235090的博客
09-28 4474
用了Vue的v-model绑定数据非常方便，但是微信小程序的绑定很麻烦，但是我们写了一个比较简单的方法，只需要一个方法就可双向绑定了。先声明我们用的vant UI。 wxml页面 <van-field value="{{ tel }}" bind:change="onChange" data-prop="tel" placeholder="请输入手机号" type="number" >...
小程序Input绑定change事件提示Do not have xx handler in current page
Lv骚年
09-17 2909
问题：小程序Input绑定change事件提示Do not have xx handler in current page（使用的van-field组件，华为手机会报错） 调试报错 wxml <van-field left-icon="../../../../images/ic_password.png" class="userPsw" value="{{ psw }}" type="password" placeholder="请输入密码" bind:input=
Taro小程序 IOS弹窗输入框聚焦唤起键盘时输入框错位
qq_39561207的博客
05-06 2207
问题描述： 1.弹窗中有上下两个输入框，设置了cursorSpacing属性后，从第一个输入框换到第二个输入框的时候，输入框聚焦位置上下偏移。 原因：cursorSpacing设置了与键盘的距离，不同输入框聚焦的时候，距离键盘位置随时改变，但是页面撑起的距离没来得及变化，造成位置误差。画图补充： 解决办法： 同时设置input框的这两个属性 cursorSpacing="100rpx" always-embed={true} ...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yunchong_zhao

帮到你了，请作者喝杯矿泉水可好

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值