<input
type="tel"
v-model.trim="tel"
@focus="focusFun('tel', 0)"
@blur="blurFun('tel', 0)"
@input="inputFun('tel', 0)"
/>
<img
src="xxxxxx"
v-show="xxxxx"
alt=""
@mousedown="xxxxx = true"
/>
在增加一键删除需求上,因为需要同时触发两个事件
发现以下问题
1,自测出点击x和失焦的,先走失焦后一键删除的click事件
2,还遇到input框修改数据之后再点击一键删除,两个事件都走的问题
解决方法
input数据需要用vuex保存,在失去焦点和click事件走完逻辑之后再保存一下数据,这样只能解决2的问题
1的问题,需要把click事件修改成@mousedown事件
由于回引起其他细节问题,我把@mousedown事件写成了一个变量,用来在失焦事件里面判断是否走了一键删除
如果还有别的问题,可以评论或者私聊共讨