【H5】vue解决因使用vue-awesome-swiper模块，input后留空白问题

<input
  type="text"
  placeholder="请输入您所在城市"
  v-model='getCity'
  @focus="inputFocus($event)"
  @focusout="inputFocusout"
/>

methods: {
  inputFocus(){
    clearTimeout(this.timer)
  },
  inputFocusout() {
    this.timer = setTimeout(() => {
      window.scrollTo(0,0)
      // 间隔设为10，减少页面失去焦点定时器的突兀感，
    },10);
  }
},
// 用户离开，就只执行销毁监听事件
destroyed() {
  clearTimeout(this.timer)
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容