Vtip-Vue 基于 Vue 的简单 tooltip 工具开源项目

我要开发同款
匿名用户2017年10月31日
39阅读
开发技术JavaScript
所属分类Vue组件、Web应用开发、Vue 组件
授权协议MIT

作品详情

基于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>
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论