Tooltip 文字提示
常用于展示鼠标 hover 时的提示信息。
基本用法
鼠标移入元素,显示提示的文案。
This is a tooltip.vue
<template>
<ImTooltip content=" This is a tooltip. 意思是 这是一个文字提示">
This is a tooltip.
</ImTooltip>
</template>
方向
placement 属性设置提示框出现的位置。
触发方式
设置 trigger
属性,可以设置鼠标点击或停留触发提示。支持 hover
, click
。
滚动关闭
设置 scrollClose
属性,当鼠标滚动时关闭提示框。