Skip to content

HC-LAB-github/v3-directives

 
 

Repository files navigation

☠v3-directives

screenshot

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

Static Badge Static Badge

🕹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

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 99.3%
  • JavaScript 0.7%