Vtip-Vue基于 Vue 的简单 tooltip 工具
基于 Vue 的简单 tooltip 工具
开始使用
安装:
npm i vtip -S
使用:
import Vtip from 'vtip' import 'vtip/lib/index.min.css' // 注册指令使用 Vue.use(Vtip.directive) // 工具函数调用 Vue.prototype.$tip = Vtip.tip
指令使用
推荐的使用方式为注册指令来使用,默认的指令名称为 v-tip
。如果想用其他名称可以在 Vue.use
进行配置。
Vue.use(Vtip.directive, { directiveName: 'otherName' })
如果只是作为过长文案提示,可以直接绑定一个需要显示文案信息来使用:
<span v-tip="msg">{{ msg }}</span>
评论