VUE3+TS实现鼠标悬浮显示一段文字提示
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实现鼠标悬浮显示文字的方法,有用的话可以点个关注,不定期更新技术文章。
更多推荐
已为社区贡献1条内容
所有评论(0)