小于 1 分钟
https://www.npmjs.com/package/vue-tippy
https://kabbouchi.github.io/vue-tippy/4.0/demo.html(4.0旧版,笔者写的时候,已经6.2版本了)
https://vue-tippy.netlify.app/
属性title可用于在鼠标悬浮时进行简单的提示,但这种提示样式太过简单,内容也不够丰富。 我想要一种能够进行丰富样式的提示,可以使用markdown文本或html标签去指定鼠标悬浮时进行提示的内容。
您可以使用一些JavaScript库,例如 Tippy.js ,为您的提示添加更丰富的样式和内容。首先请添加 Tippy.js 和 Popper.js 库到您的HTML文件中。然后,在您的HTML中为要添加提示的元素设置自定义属性,例如"data-tippy-content"。
这种写法不错。
我使用的前端技术栈是:vue组合式+typescript+vite,这个技术栈下,还有其他更适配或更方便的方案吗
在 Vue.js + TypeScript + Vite 技术栈下,您可以使用名为
vue-tippy
的库。它是一个适用于 Vue 的 Tippy.js 包装器