时间戳

首页 > 解决方案 > 页面打开时如何显示一些工具提示文本？

javascript - 页面打开时如何显示一些工具提示文本？

问题描述

在这段代码中，我创建了一个工具提示来显示一些文本，当updateState函数将在 HTML 文件中在某些鼠标悬停事件上被调用时（我没有提到过）。

这可以正常工作，但只有当我将鼠标悬停在网页的某个特定空间上时才会出现文本。我希望网页打开时应该有一些文本，当我将鼠标悬停在某个空间时，初始文本应该消失并且应该显示悬停文本。

我怎样才能做到这一点？

methods: {
  updateState: function() {
    function showTooltip(text) {
      let tooltip = document.getElementById("tooltip");
      tooltip.innerHTML = text;
      tooltip.style.display = "block";
    };
    showTooltip('Some text')
  }
}
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="tooltip" display="none" style="position: absolute; display: none;"></div>

标签： javascripthtmlvue.js

解决方案

推荐阅读