investToday 项目,密码输入框遇到的bug

1.在触发blur的时候,同时点击取消按钮,弹框不消失。原因是使用了click事件,移动端click()有300ms延迟,此时,弹框有下移动,所以click没有触发在取消btn上。

解决:改用touchstart

事件触发是touchstart touchmove touchend click ,touchmove和click是相冲突的,不会同时触发。

2.隐藏的光标,在ios下需要设置input为font-size:0,光标才会隐藏,在安卓下,如果font-size:0,圆点不会出现

3.li标签有默认的间距,需要给ul标签设置font-size:0去掉间距

4.使用touchmove.prevent阻止底层页面的滑动,也就是阻止touch的穿透

5.密码弹框的组件里面监听密码弹框组件的show为true还是false,当父组件使用v-if的时候,组件是条件渲染,条件块内的事件监听器和子组件适当地被销毁和重建,所以子组件内监听不到密码弹框的show。

当使用v-show的时候,组件块始终存在页面,不会销毁,所以可以监听到密码弹框的show.v-show有更高的初始渲染,v-if有更高的条件渲染开销。(来自官网,v-if vs v-show)

 

posted @ 2019-06-05 18:10  luosisi0202  阅读(136)  评论(0)    收藏  举报