Vtip-Vue基于 Vue 的簡(jiǎn)單 tooltip 工具

基于 Vue 的簡(jiǎn)單 tooltip 工具

開(kāi)始使用

安裝：

npm i vtip -S

使用：

import Vtip from 'vtip'
import 'vtip/lib/index.min.css'
// 注冊(cè)指令使用
Vue.use(Vtip.directive)
// 工具函數(shù)調(diào)用
Vue.prototype.$tip = Vtip.tip

指令使用

推薦的使用方式為注冊(cè)指令來(lái)使用，默認(rèn)的指令名稱(chēng)為 v-tip。如果想用其他名稱(chēng)可以在 Vue.use 進(jìn)行配置。

Vue.use(Vtip.directive, { directiveName: 'otherName' })

如果只是作為過(guò)長(zhǎng)文案提示，可以直接綁定一個(gè)需要顯示文案信息來(lái)使用：

<span v-tip="msg">{{ msg }}</span>