Permet d'afficher des informations au passage de la souris sur un élément.
### Usage
Tooltip a 9 emplacements.
:::demo L'attribut `content` détermine le contenu à afficher. L'attribut `placement` détermine la position du tooltip. Sa valeur est sous la forme `[orientation]-[alignment]` avec quatre orientations `top`, `left`, `right`, `bottom` et trois alignements `start`, `end`, `null`, le défaut étant `null`. Par exemple, `placement="left-end"` affichera la tooltip sur la gauche de l'élément et le bas de la tooltip sera aligné avec le bas de l'élément.
```html
<divclass="box">
<divclass="top">
<el-tooltipclass="item"effect="dark"content="Top Left prompts info"placement="top-start">
<el-button>top-start</el-button>
</el-tooltip>
<el-tooltipclass="item"effect="dark"content="Top Center prompts info"placement="top">
<el-button>top</el-button>
</el-tooltip>
<el-tooltipclass="item"effect="dark"content="Top Right prompts info"placement="top-end">
<el-button>top-end</el-button>
</el-tooltip>
</div>
<divclass="left">
<el-tooltipclass="item"effect="dark"content="Left Top prompts info"placement="left-start">
<el-button>left-start</el-button>
</el-tooltip>
<el-tooltipclass="item"effect="dark"content="Left Center prompts info"placement="left">
Vous pouvez utiliser d'autres attributs pour un usage plus poussé:
`transition` permet de définir l'animation d'apparition et de disparition du tooltip, le défaut étant el-fade-in-linear.
`disabled` permet de désactiver le tooltip. Mettez-le simplement à `true`.
En réalité, Tooltip est une extension de [Vue-popper](https://github.com/element-component/vue-popper), vous pouvez donc utiliser n'importe quel attribut de Vue-popper.
:::demo
```html
<template>
<el-tooltip:disabled="disabled"content="Cliquez pour désactiver le tooltip"placement="bottom"effect="light">
<el-button@click="disabled =!disabled">Cliquez pour {{disabled ? 'activer' : 'désactiver'}} le tooltip</el-button>
transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .expand-fade-leave-active {
margin-left: 20px;
opacity: 0;
}
</style>
```
:::
:::tip
Le composant `router-link` n'est pas supporté par tooltip, utilisez plutôt `vm.$router.push`.
Les éléments de formulaire désactivés ne sont pas supportés par Tooltip, plus d'informations sur [MDN](https://developer.mozilla.org/en-US/docs/Web/Events/mouseenter). Vous aurez besoin de mettre ces éléments dans un conteneur pour que cela fonctionne.
| visible-arrow | Si une flèche doit être affichée. Pour plus d'information, voir [Vue-popper](https://github.com/element-component/vue-popper). | boolean | — | true |