VUE3+TS实现鼠标悬浮显示一段文字提示


vue3+TS鼠标悬浮显示文字,实现效果如下图所示:

VUE3+TS实现鼠标悬浮显示一段文字提示

HTML代码如下,主要代码为:title,它的作用为鼠标悬浮显示文字

			<img
              :title="helpDoc"
              style="width: 32px; height: 32px"
              class="ops_icon"
              src="img/help.svg"
            />

typescript代码如下所示

 const state = reactive({
      helpDoc:"新增主机之前需要确保新增主机符合下面的条件\n 1、新增主机上需要有docker环境\n 2、新增主机上需要有一块大于5GB的空闲硬盘用作OSD存储",
    });

这就是vue3+ts实现鼠标悬浮显示文字的方法,有用的话可以点个关注,不定期更新技术文章。

Logo

前往低代码交流专区

更多推荐