v-directives

Directive collection for Vue3.

适用于 Vue3 的 指令集合。

Document

Document

Install

NPM

npm install @minigui/v-directives --save

Usage

import { vCopy } from '@minigui/v-directives'
createApp(App).directive('copy', vCopy).mount('#app')

<script setup lang="ts">
  import { ref } from 'vue'

  const value = ref('You are about to copy these values')
</script>

<template>
  <button v-copy="value">click me to copy</button>
  <button
    @click="
      () => {
        value = 'Changed'
      }
    "
  >
    change the value to be copied
  </button>
</template>

List

• [x] v-clickoutside.
• [x] v-copy.
• [x] v-debounce.
• [x] v-doubleclick.
• [x] v-draggable.
• [x] v-flicker.
• [x] v-hover.
• [x] v-focus.
• [x] v-imglazyload.
• [x] v-loading.
• [x] v-longpress.
• [x] v-money.
• [x] v-ononce.
• [x] v-textellipsis.
• [x] v-resize.

运行项目

安装依赖

npm install

启动本地调试

npm run docs:dev

编译打包，生成编译后的目录：es,lib

npm run lib

Author

longzhoufeng