- 怎么实现点击输入框后的一个图标,清空输入框内容?
需求:在输入时,在输入框后边显示一个清空符号,点击清空符号可以清空输入框中的值。 我自己的实现方法: wxml: ... <image src="../../img/clean.png" hidden='{{!e_inputed}}' bindtap='e_cleanInput'></image> <input value='{{v_input}}' bindinput="f_input" /> ... js: // 绑定输入 f_input: function (e) { this.setData({ v_input: e.detail.value }); if (e.detail.value === '') { this.setData({ e_inputed: false }) } else { this.setData({ e_inputed: true }) } }, // 绑定清空 e_cleanInput: function () { this.setData({ e_inputed: false, v_input: '' }); }, 问题:在value属性中使用v_input,然后在bindinput 方法 f_input 对 v_input 进行赋值,如果输入的的比较快,会出现输入内容闪烁,导致输入内容错误的问题。(快速删除时也会出现;Android和开发者工具都不会出现,iOS上会出现) 不止我一个人遇到了,见https://developers.weixin.qq.com/community/develop/doc/00026e5caa0c3053c5ea8e6fb56800; 现在是我找不到一个哪怕能临时用用的解决方案,官方老哥来帮帮忙啊。
2020-09-14 - swiper 手动设置current属性,页面不会切换,滑动时页面才会切换,是bug吗?
// wxml view class="swiper-tab">
1111/view> 2222/view> /view> 111111 /swiper-item> 222222 /swiper-item> /swiper> // js //滑动切换 swiperTab: function (e) { var that = this; console.log(e); that.setData({ currentTab: e.detail.current }); }, //点击切换 clickTab: function (e) { //console.log(e); let that = this; that.setData({ currentTab: e.target.dataset.index }); console.log("currentTab:"+that.data.currentTab); } 预期:通过点击view(1111,2222)来让页面切换到不同swiper-item里显示 现在:点击view会更改currentTab的值,但是页面并没有切换,也不会触发bindchange;通过在swiper-item上滑动,页面会切换,也会触发bindchange [图片] 不知道是我的用法不对,还是又碰到个bug? 2020-08-19 - wx.getImageInfo()多端的运行结果不一致
- 当前 Bug 的表现(可附上截图) 真机上wx.getImageInfo()函数里fail()回调不会执行 开发工具里边: [图片] 获取这个图片失败了,就会调接口重新创建图片 [图片] 真机调试: [图片] 获取失败了,然后就不动了....真坑啊!! [图片] - 预期表现 函数里用wx.getImageInfo获取一个网络图片,获取成功就展示,如果获取失败重新生成这个图片然后再次获取展示图片. 开发工具里边获取失败之后的fail()回调能成功执行,这个图片也就能成功创建出来然后成功显示. 结果真机里边fail()回调不会执行,图片也不创建了,图片也加载不出来了 - 复现路径 - 提供一个最简复现 Demo
2019-04-10 - 小程序真机调试时下拉函数无限执行问题
- 当前 Bug 的表现(可附上截图) - 预期表现 - 复现路径 - 提供一个最简复现 Demo 真机调试时下拉函数一直执行,停不下来.开发工具里没有这个问题 这是开发工具,下拉一次执行一次: [图片] 真机调试:[图片]
2019-03-13