首页 > 其他分享 >Vue使用keep-alive后,el-tooltip悬浮内容在切换页面时不自动消失

Vue使用keep-alive后,el-tooltip悬浮内容在切换页面时不自动消失

时间:2022-10-19 11:25:45浏览次数:51  
标签:el Vue dom alive tooltip 页面

试过在deactivated()和App.vue里改,都无效。

有用的方法:在第二个页面中判断是否有这个元素,手动移除;  

    beforeCreate() {
        const dom = document.querySelector('.el-tooltip__popper')
        if (dom) {
            dom.remove()
        }
    },

  


标签:el,Vue,dom,alive,tooltip,页面
From: https://www.cnblogs.com/dakai/p/16805535.html

相关文章

  • vue-element-admin 安装报错解决办法
    1.克隆以后删除package.json中tui-editor:1.3.32.\src\components\MarkdownEditor\index.vue文件,将全部import换成下面几个import'codemirror/lib/codemirror.css'impor......
  • 我的Vue之旅 07 Axios + Golang + Sqlite3 实现简单评论机制
    第三期·使用Vue3.1+TailWind.CSS+Axios+Golang+Sqlite3实现简单评论机制效果图CommentArea.vue我们需要借助js的Data对象把毫秒时间戳转化成UTCStrin......
  • vue 文件打包太大 -- 体积优化
    最新打包vuecli4.5项目时,体积尽然达到了9M,页面访问的速度,因此进行尝试进行优化,最终压缩到968k,效果明显。下面是优化方法。首先新建文件'vue.config.js',放在项目根目......
  • Windows下安装和运行Elasticsearch
      安装Elasticsearch之前,你需要先安装一个较新的版本的Java,最好的选择是,你可以从 www.java.com 获得官方提供的最新版本的Java。  点击查看:​​JavaJDK下载......
  • vue之axios
    什么是axios?Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中。特性1从浏览器中创建XMLHttpRequests2从node.js创建http请求3支持PromiseAPI4......
  • go 和 elixir 的 grpc 通信
    步骤准备安装protoc-gen-elixirmixescript.installhexprotobuf具体步骤创建项目mixnewappdemo编写pb文件helloword.protosyntax="proto3";optionj......
  • 【Vue】图片拉近、全屏背景实战经验总结
    1图片拉近缘起是看到了下面的图片,我发现当鼠标悬浮的时候,发现他是可以拉近的,也就是图片的宽高不变,但是图片被放大了起初我以为是有一个这样的方法,可以实现这个操作,但是查找......
  • pannellum图片仓库
    ......
  • 从0搭建vue3组件库:Shake抖动组件
    先看下效果其实就是个抖动效果组件,实现起来也非常简单。之所以做这样一个组件是为了后面写Form表单的时候会用到它做一个规则校验,比如下面一个简单的登录页面,当点击登录......
  • vue组件通信6种方式总结(常问知识点)
    前言在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的Vuex状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用Vuex往往会......