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

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')
  },

你可能感兴趣的:(vue 引入mui后,input点击失去焦点后,就会回到顶部)