指令预览
所有指令
| 指令 | 说明 |
|---|---|
| v-backtop | 为元素添加返回顶部功能 |
| v-clickOutside | 点击元素外部触发时事件 |
| v-copy | 复制传入的值到剪贴板 |
| v-debounce | 防抖功能 |
| v-doubleClick | 双击触发事件 |
| v-draggable | 使元素可拖拽 |
| v-ellipsis | 省略超出文本 |
| v-emoji | 禁止输入emoji |
| v-empty | 用于展示空状态 |
| v-flicker | 元素闪烁 |
| v-focus | 输入框自动聚焦 |
| v-highlight | 文本高亮 |
| v-hover | 经过元素触发回调 |
| v-input | 输入格式化 |
| v-lazyImg | 图片懒加载 |
| v-loading | 添加加载动画 |
| v-longpress | 长按元素时触发事件 |
| v-money | 格式化数字为金钱格式 |
| v-onOnce | 只触发一次回调 |
| v-permission | 快速实现鉴权 |
| v-resize | 响应缩放元素大小 |
| v-ripple | 给点击的元素添加波纹动效 |
| v-slideIn | 添加入场动画 |
| v-throttle | 节流功能 |
| v-waterMarker | 添加自定义水印 |
指令分类
动画
| 指令 | 说明 |
|---|---|
| v-slideIn | 添加入场动画 |
| v-flicker | 元素闪烁 |
性能优化
| 指令 | 说明 |
|---|---|
| v-debounce | 防抖功能 |
| v-throttle | 节流功能 |
| v-lazyImg | 图片懒加载 |
| v-onOnce | 只触发一次回调 |
事件处理器
| 指令 | 说明 |
|---|---|
| v-clickOutside | 点击元素外部触发时事件 |
| v-doubleClick | 双击触发事件 |
| v-hover | 经过元素触发回调 |
| v-longpress | 长按元素时触发事件 |
伪组件
| 指令 | 说明 |
|---|---|
| v-ripple | 给点击的元素添加波纹动效 |
| v-waterMarker | 添加自定义水印 |
| v-empty | 用于展示空状态 |
功能性
| 指令 | 说明 |
|---|---|
| v-backtop | 为元素添加返回顶部功能 |
| v-copy | 复制传入的值到剪贴板 |
| v-emoji | 禁止输入emoji |
| v-input | 输入格式化 |
| v-focus | 输入框自动聚焦 |
| v-loading | 添加加载动画 |
| v-money | 格式化数字为金钱格式 |
| v-permission | 快速实现鉴权 |
其他
| 指令 | 说明 |
|---|---|
| v-ellipsis | 省略超出文本 |
| v-highlight | 文本高亮 |
| v-draggable | 使元素可拖拽 |
| v-resize | 响应缩放元素大小 |
TIP
更多指令待开发🚧，请查看参与开源