vue 引入mui后，input点击失去焦点后，就会回到顶部

作者: cooqi | 来源:发表于2020-10-23 14:18 被阅读0次

vue 引入mui后，input点击失去焦点后，就会回到顶部
代码小积累
53.vue 事件和事件修饰符
表单控件与绑定之--lazy
element-ui常用组件
vue下返回顶部功能实现
MUI
vue使用mui的slider滑动模块
vue 引入mui 点击tabbar高亮
jQuery返回顶部的方法

vue的项目，为了实现一些原生效果，使用了mui，但是会导致input失去焦点后就回到顶部
百度后，找到一个好一点的解决方案

 mounted () {
    const inputEle = document.querySelector('.template')
    inputEle.addEventListener('click', function () {
      document.querySelector('body').classList.remove('mui-focusin')//移除组件的class
    })
  },
  beforeDestroy () {//销毁前添加，避免出错
    document.querySelector('body').classList.add('mui-focusin')
  },