Element-Ui元件（三十九）Tooltip 文字提示

本文來源於Element官方文件：

http://element-cn.eleme.io/#/zh-CN/component/tooltip

基礎用法

普通文字提示

<el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start">
      <el-button>上左</el-button>
    </el-tooltip>
    <el-tooltip class="item" effect="dark" content="Top Center 提示文字" placement="top">
      <el-button>上邊</el-button>
    </el-tooltip>
    <el-tooltip class="item" effect="dark" content="Top Right 提示文字" placement="top-end">
      <el-button>上右</el-button>
    </el-tooltip>

帶slot的文字提示

<el-tooltip placement="top">
  <div slot="content">多行資訊<br/>第二行資訊</div>
  <el-button>Top center</el-button>
</el-tooltip>

tooltip 內不支援 router-link 元件，請使用 vm.$router.push 代替。
tooltip 內不支援 disabled form 元素，參考MDN，請在 disabled form 元素外層新增一層包裹元素。

Attributes：

引數	型別	說明	可選值	預設值
effect	預設提供的主題	String	dark/light	dark
content	顯示的內容，也可以通過 slot#content 傳入 DOM	String	—	—
placement	Tooltip 的出現位置	String	top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end	bottom
value(v-model)	狀態是否可見	Boolean	—	false
disabled	Tooltip 是否可用	Boolean	—	false
offset	出現位置的偏移量	Number	—	0
transition	定義漸變動畫	String	—	el-fade-in-linear
visible-arrow	是否顯示 Tooltip 箭頭，更多引數可見Vue-popper	Boolean	—	true
popper-options	popper.js 的引數	Object	參考 popper.js 文件	{ boundariesElement: ‘body’, gpuAcceleration: false }
open-delay	延遲出現，單位毫秒	Number	—	0
manual	手動控制模式，設定為 true 後，mouseenter 和 mouseleave 事件將不會生效	Boolean	—	false
popper-class	為 Tooltip 的 popper 新增類名	String	—	—
enterable	滑鼠是否可進入到 tooltip 中	Boolean	—	true
hide-after	Tooltip 出現後自動隱藏延時，單位毫秒，為 0 則不會自動隱藏	number	—	0