Directives Preview
All Directives
| 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 |
Directives classification
animation
| Directive | Description |
|---|---|
| v-slideIn | Add entry animation |
| v-flicker | Element flicker |
performance optimization
| Directive | Description |
|---|---|
| v-debounce | Anti-shaking function |
| v-throttle | Throttling function |
| v-lazyImg | Lazy image loading |
| v-onOnce | Only one callback is triggered |
Handler
| Directive | Description |
|---|---|
| v-clickOutside | Event when clicking outside the element triggers |
| v-doubleClick | Trigger an event on double-click |
| v-hover | Triggers a callback after the element |
| v-longpress | Trigger event when long pressing an element |
Pseudo component
| Directive | Description |
|---|---|
| v-ripple | Add ripple dynamic effects to the clicked element |
| v-waterMarker | Add custom watermark |
| v-empty | Used to display empty status |
functionality
| Directive | Description |
|---|---|
| v-backtop | Add a return to top function for an element |
| v-copy | Copy the passed value to the clipboard |
| v-emoji | Prohibit emoji input |
| v-input | Input formatting |
| v-focus | Input box autofocus |
| v-loading | Add loading animation |
| v-money | Format numbers into money format |
| v-permission | Rapid realization of authentication |
other
| Directive | Description |
|---|---|
| v-ellipsis | Omit excess text |
| v-highlight | Text highlighting |
| v-draggable | Makes elements draggable |
| v-resize | Response to resize the element |
TIP
More instructions to be developed 🚧, see the Open Source