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)