@baiguangteng/vue3-click-outside

Vue3 click outside directive
3,862
vue vue3 vue directive vue-click-outside vue3 directive vue-click-outside-ts vue3-click-outside vue3-click-outside-ts
Install
npm install @baiguangteng/vue3-click-outside
Latest Version:1.2.5
License:MIT
Last Updated:Mar 20, 2023
Links: npm
Maintainer: baiguangteng

Introduction

Vue3 click outside directive. Development with TS.

Installation

 npm i @baiguangteng/vue3-click-outside
 // or
 pnpm add @baiguangteng/vue3-click-outside

Example

<script lang="ts" setup>
import vClickOutside from '@baiguangteng/vue3-click-outside'

function clickOutside() {
  console.log('点击外面了')
}
</script>

<template>
  <div class="about">
    <h1 v-click-outside="clickOutside">This is an about page</h1>
  </div>
</template>

or

import vClickOutside from '@baiguangteng/vue3-click-outside'
app.use(vClickOutside)

Related Packages

vue-click-outside-element

Vue directive for clicking outside element

105,333 6
vue vue directive vue-click-outside click outside element directive dom v-click-outside vue click vue click hook vue click outside +4
vue-currency-directive

Simple, quick custom directive for handling currency format inside text inputs.

2,646 6
vue vue directive currency javascript
vue-click-outside-component

Vue directive for clicking outside component

1,002 0
vue vue directive vue-click-outside click outside component click outside element directive dom v-click-outside vue click vue click hook +6
meta-ctrl-enter

Trigger Vue methods by pressing cmd+enter, windows+enter or ctrl+enter

8,491 4
vue vue directive cmd ctrl meta vuejs
vue-multi-drag

Drag'n'Drop with multiple Elements. Provides a vue directive for draggable eleme...

756 4
vue vue directive drag drag and drop drop no dependency vue drag and drop

Version History

Version Released License
1.2.5 MIT
1.2.2 MIT