微信小程序输入框在失去焦点和获得焦点的切换过程中,能清晰的看到输入框的问题的重影现象,微信官方设计小程序文档给出了字体大小的规范,最小11pt,自己设置10pt,将其改成11pt之后,部分输入框不再出现重影,而是微信官方渲染的加粗效果。
微信是一款全方位的手机通讯应用,帮助你轻松连接全球好友。微信可以群聊、进行视频聊天、与好友一起玩游戏,以及分享自己的生活到朋友圈,让你感受耳目一新的移动生活方式。
bindChange为输入框发生改变事件。微信提供的bindchange在支持方面还有小问题,目前是失去焦点才能触发到此事件的发生。
如果在 bindchange的事件回调函数中使用 setData改变 current值,则有可能导致 setData被不停地调用,因而通常情况下请在改变 current值前检测 source字段来判断是否是由于用户触摸引起。
swiper里加了bindchange事件,有很多个swiper-item,连续快速切换swiper-item触发bindchange事件,小程序会出现一直无限触发bindchange事件。请检查是否在change事件中使用setData改变current值,请避免该 *** 作。
扩展资料
bindchange是swiper组件的属性之一,类型为eventhandle。
current改变时会触发change事件,event.detail={current,source}。当滑块的current改变时会触发该事件并执行绑定的方法。
swiper组件是小程序中使用频次最高的组件之一,属于视图容器类组件,它通过对自身属性进行简单配置就可以实现在前端开发中要写很多代码才能完成的轮播图效果。
参考资料:微信官方文档-swiper
redirectTo :关闭当前页(卸载),跳转到指定页
navigateTo :保留当前页(隐藏),跳转到指定页
switchTap :只能用于跳转到tabbar页面,并关闭其他非tabbar页面,tabbar之间做切换
注意:switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面!
list页面:
detail页面:
event.target指的是当前点击的组件
event.currentTarget指的是事件捕获的组件
bindchange 这个事件官方文档中没有写,效果基本和 bindblur 一样,但失去焦点时不会被重复触发,所以一般还是采用 bindblur
小程序对于全局 wxss 组件的继承只能继承 font 以及 color 类型
bind事件绑定不会阻止冒泡事件,而catch会阻止冒泡事件,看官方文档有介绍
在指定的css属性最后带上 ! important 能够加强属性的优先级
wxs 只是与 JavaScript 相似,并非 JavaScript ,所以无法定义 const 常量,得用 var
wxs 存在的意义就是充当 compute/filter 这类功能。
且当使用 wxs 进行数据绑定时,要注意 setData 出来的数据的二次读取,
因为 setData 之前首先会进行一次初始化
wxs编写 :
wxml使用 :
关于 this.data 与 this.setData 的使用细节
this.data 使用于同步 *** 作(如 onLoad 加载),而 this.setData 适用于异步 *** 作(如 wx.request )
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)