- input 双向绑定(bindInput/value) 输入过快(特别是字母)会闪烁并且数值不准确?
<Input className='txt-input' type='text' placeholder='请输入内容' value={msgContent} onInput={this.inputChange.bind(this)} /> inputChange (event) { this.setState({ msgContent: event.detail ? event.detail.value : event }) } 需要实现双向绑定. value值不绑定可以解决问题,但无法清空内容,加了防抖动也有问题,特别是输入字母。 应该是bindInput事件里setData的原因。 粘的代码是taro的。
2021-09-27 - ios input快速输入数字会跳动闪烁,删除的时候也会卡顿,请求怎么解决????
ios input快速输入数字会跳动闪烁,删除的时候也会卡顿
2021-06-03 - ios input输入过快会闪烁,值也会不准确,会删除
<view wx:if="{{merchantType != 1}}"> <view class="public"> <text class="one">身份证号:</text> <input type="text" placeholder="请输入身份证号" value="{{cardNo}}" bindinput="getCarNo" disabled="{{disabled}}"/> </view> </view> // 获取输入的身份证号 getCarNo(e) { this.setData({ cardNo: e.detail.value }) console.log(e.detail.value); },
2020-05-11 - 微信小程序 两个相邻的input 第二个为password输入时,第一个无法切换输入法问题
客户端:相邻两个input输入框,密码框类型前一个输入框无法切换输入法,默认为密码输入,无法切入中文,安卓客户端和网页浏览器均无此问题,ios的自带浏览器也没有此问题。
2022-02-02 - 1.05.2201210版本工具新增代码质量面板,导致packOptions.ignore失效?
工具更新到版本1.05.2201240 ,上传代码时自动走代码质量分析面板,查看错误提示貌似把packOptions.ignore配置的images文件夹也算进了分包大小,导致上传和预览失败 [图片] [图片] 查阅工具版本更新说明,发现1.05.2201210版本新增了代码质量分析面板 [图片] 将工具版本回退到以上版本(1.05.2201210)之前,发现可以成功上传和预览 [图片] 自测以下4个版本上传和预览效果: 1.05.2201210之后版本:1.05.2203070、1.05.2201240 上传失败 1.05.2201210之前版本:1.05.2110110、1.05.2108150 上传成功 所以现在怀疑是不是新增代码质量分析面板后导致packOptions.ignore失效,从而上传和预览失败
2022-04-10 - 新版开发工具,预览就会弹出代码质量提示,有必要吗?
[图片] 完全没有必要,每次预览都得去关掉这里。很难受。 版本号 1.05.2112301
2022-01-10 - scroll-view组件在苹果上数据可以请求到,但显示空白,Android正常显示,该怎么解决?
<van-tab title="A320"> <view class="side"> <scroll-view class="scroll" scroll-y="true" > <view class="{{ item == chapterselected?'active':''}}" wx:for="{{array}}" wx:key="index" bindtap="select" data-chapter="{{item}}" data-air="A320" > <text>{{item}}章</text> </view> </scroll-view> </view> <view class="rightside"> <scroll-view class="scroll2" scroll-y="true" > <view class="wrap" wx:for="{{datatemp}}" wx:key="index" bindtap="toDetailView" data-filename="{{item.Key}}" data-air="A320" > <view>{{ m1.gettitle(item.Key) }}</view> <view class="size">{{ m1.getsize(item.Size) }}KB</view> </view> </scroll-view> </view> </van-tab> <!--wxss--> /* pages/tips/tips.wxss */ .side{ position: fixed; left: 0rpx; top: 100rpx; width: 20%; height: 90%; background-color:#f0f0f0; } .rightside{ position: fixed; left: 21%; top: 100rpx; width: 78%; height: 90%; background-color:#ffffff; } .scroll{ height: 90vh; } .scroll2{ height: 90vh; } .scroll view{ text-align:center; height: 75rpx; line-height: 75rpx; border-bottom: 3rpx solid #0193cf; } .active{ background-color: #0193cf; color: #ffffff; } .wrap{ /*height: 100rpx;*/ position: relative; width: 100%; padding-left: 10rpx; line-height: 75rpx; font-size: small; text-align: start; border-bottom: 3rpx solid #0193cf; word-wrap:break-word; /* overflow: hidden; */ } .size{ position: absolute; bottom: -27rpx; right: 10rpx; font-size: xx-small; color: #9f9f9f; }
2021-01-16 - scroll-view设定垂直滚动后,滚动到底部后出现大量空白高度。
[图片] <view style="height:100%;width:100%;"> <scroll-view scroll-y style="height:100%;background:#fff;"> <view class="itemper"> //列表重复内容 <view class="itemleft"> <view class="imagebox"> <image></image> </view> <text class="lefttext">augus</text> </view> <view class="itemright"> <text> 还差<text class="whatper ">1</text>人成团</text> <text class="wejoin ">我要参团</text> </view> </view> </scroll-view> </view> 预期滚动到底部之后,底部没有空白,如下图: [图片]
2019-04-26 - ios scroll-view 滑动 超过里面内容形成空白怎么办?
页面是用 scroll-view 安卓滑动到内容底部就已经触底不能在滑动 ,而ios 滑动到内容底部后还能滑出很长的空白页才能触底 这是什么原因 大神帮帮忙
2021-06-11 - scroll-view自定义下拉刷新导致scroll-view下方出现一片空白,该如何解决?
基本库2.10.1 使用自定义下拉刷新时,需要额外配置touchmove,配置中发现即使使用了catchtouchmove依然会触发下拉刷新。所以使用动态变量 更改refresher-enable.在touchstart的时候将refresh-enable设置为false 在touchend的时候讲refresh-enable设置为true。这样虽然不会触发下拉刷新。但是在iphone手机中。scroll-view的滚动试图会额外变高很多。模拟器不会出现该问题。 源码:wxml <wxs module="refresh"> module.exports = { onPulling: function(evt, instance) { var p = Math.min(evt.detail.dy / 80, 1) console.log(p) var view = instance.selectComponent('.refresh-container') view.setStyle({ opacity: p, transform: "scale(" + p + ")" }) } } </wxs> 默认交互动画: <scroll-view scroll-y style="width: 100%; height: 400px;" refresher-enabled="{{refresher}}" refresher-threshold="{{100}}" refresher-default-style="white" refresher-background="lightgreen" refresher-triggered="{{triggered}}" bindrefresherpulling="onPulling" bindrefresherrefresh="onRefresh" bindrefresherrestore="onRestore" bindrefresherabort="onAbort" > <view wx:for="{{arr}}" style="display: flex; height: 100px;"> <image catchtouchstart="start" catchtouchend="end" src="https://images.unsplash.com/photo-1565699894576-1710004524ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1832&q=80"></image> <image src="https://images.unsplash.com/photo-1566402441483-c959946717ed?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80"></image> <image src="https://images.unsplash.com/photo-1566378955258-7633cb5c823e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80"></image> <image src="https://images.unsplash.com/photo-1566404394190-cda8c6209208?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=630&q=80"></image> <image src="https://images.unsplash.com/photo-1566490595448-be523b4d2914?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=958&q=80"></image> </view> </scroll-view> js const app = getApp() Page({ data: { arr: [], triggered: false, refresher:true }, onReady: function () { const arr = [] for (let i = 0; i < 4; i++) arr.push(i) this.setData({ arr }) }, onPulling(e) { console.log('onPulling:', e) }, onRefresh() { if (this._freshing) return this._freshing = true setTimeout(() => { this.setData({ triggered: false, }) this._freshing = false }, 3000) }, start(){ console.log('1111') this.setData({ refresher:false }) }, end(){ console.log('11222') this.setData({ refresher:true }) }, onRestore(e) { console.log('onRestore:', e) }, onAbort(e) { console.log('onAbort', e) }, }) [视频]
2021-11-08