美文网首页
vue 引入mui后,input点击失去焦点后,就会回到顶部

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

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

    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点击失去焦点后,就会回到顶部

          本文链接:https://www.haomeiwen.com/subject/lxevmktx.html