解决element 中的消息提示在鼠标移入就不会消失的问题

最新推荐文章于 2024-07-05 16:35:53 发布

Tabitha rufus

最新推荐文章于 2024-07-05 16:35:53 发布

阅读量1.9k

点赞数 4

文章标签： elementui

本文链接：https://blog.youkuaiyun.com/yszyq/article/details/120416843

版权

在ElementUI中遇到消息提示在鼠标悬停时不会自动消失的问题，可以通过设置duration为0，再结合定时器实现三秒后自动消失的功能。具体实现代码包含在博客内容中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首先需要设置duration:0，这样它就不会消失
2.然后写个定时器，进行消失操作
代码如下：

<template>
  <div>
      <el-button @click="open1" >点击</el-button>
  </div>
</template>

<script>
export default {
  methods: {
      open1() {
        let _msg= this.$message({
            showClose: true,
            duration:0,
            message: '恭喜你，这是一条成功消息',
            type: "success",
        });
        setTimeout(function(){
          _msg.close();
        },3000)
      },
  }
}
</script>