解决u-input因焦点事件导致页面无限重复跳转问题

场景:

进入到一个页面,点击输入框,输入框获取到焦点,然后跳转到一个新的页面选择数据之后再回到这个页面

 

出现问题:

跳转回上一页之后,输入框的焦点依然保留,然后焦点事件被触发,一直重复

 

 

这里的<g-input>是对<u-input>进行了二次封装

 

 

尝试通过处理focus直接处理,发现不生效

 

 

最终处理方案:使用key让页面重新渲染

 

posted @ 2021-01-05 16:23  熊削铁如泥-厚积薄发  阅读(1052)  评论(0编辑  收藏  举报