LoginSignup
0
0

More than 3 years have passed since last update.

Vue.js(TypeScript)でvue-click-outsideライブラリを使う

Last updated at Posted at 2020-10-10

Vue.js(TypeScript)で@types/vue-click-outsideが存在せず、インポートに苦戦したのでメモ書き程度に残しておきます。

結論

require('vue-click-outside')で読み込んで、directivesに記載

Compornent.vue
<template>
  <div>
    <button v-click-outside="click">クリック</button>
  </div>
</template>

<script lang="ts">
import { Component, Vue} from 'nuxt-property-decorator'
const ClickOutside = require('vue-click-outside')

@Component({
  directives: {ClickOutside}
})

export default class Compornent extends Vue {
  click() {
    alert('click');
  }
}
</script>
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0