☠Vue3 directives 自定义指令库: 📖 在线文档
- Install package （安装依赖）
pnpm add @ileostar/v3-directives
# or
npm install @ileostar/v3-directives --save- Registration Directive （注册指令）
import VueDirectives from '@ileostar/v3-directives'
const app = createApp(App)
app.use(router).mount('#app')
app.use(VueDirectives)| Directive | Description |
|---|---|
| v-backtop | Add a return to top function for an element |
| v-clickOutside | Event when clicking outside the element triggers |
| v-copy | Copy the passed value to the clipboard |
| v-debounce | Anti-shaking function |
| v-doubleClick | Trigger an event on double-click |
| v-draggable | Makes elements draggable |
| v-ellipsis | Omit excess text |
| v-emoji | Prohibit emoji input |
| v-empty | Used to display empty status |
| v-flicker | Element flicker |
| v-focus | Input box autofocus |
| v-highlight | Text highlighting |
| v-hover | Triggers a callback after the element |
| v-input | Input formatting |
| v-lazyImg | Lazy image loading |
| v-loading | Add loading animation |
| v-longpress | Trigger event when long pressing an element |
| v-money | Format numbers into money format |
| v-onOnce | Only one callback is triggered |
| v-permission | Rapid realization of authentication |
| v-resize | Response to resize the element |
| v-ripple | Add ripple dynamic effects to the clicked element |
| v-slideIn | Add entry animation |
| v-throttle | Throttling function |
| v-waterMarker | Add custom watermark |
Contributions are welcome, PR is welcome, More references Participate in Open source