基于 Vue 的简单 tooltip 工具 Vtip-Vue

前端栈开发

于 2018-07-26 13:17:46 发布

阅读量5.6k

点赞数 1

分类专栏：前端 vue

本文链接：https://blog.csdn.net/phj_88/article/details/81218344

版权

300 篇文章 5 订阅

订阅专栏

78 篇文章 1 订阅

订阅专栏

Vtip-Vue 详细介绍

基于 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>

关注

专栏目录