☠v3-directives

☠Vue3 directives 自定义指令库: 📖 在线文档

🕹Usage

1. Install package （安装依赖）

pnpm add @ileostar/v3-directives
# or
npm install @ileostar/v3-directives --save

1. Registration Directive （注册指令）

import VueDirectives from "@ileostar/v3-directives";
const app = createApp(App);
app.use(router).mount("#app");
app.use(VueDirectives);

🧩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 |

💖Contributors

Contributions are welcome, PR is welcome, More references Participate in Open source