How to close an element when clicked outside its scope in VUEJS?

Question

Vue.js

Hello, I made this modal window:

<template>
<div>
<div :class="{ 'is-active': isNextTab }">
<!-- Content -->
</div>
<button.v-on:click="nextTap()">SEND</button>
</div>
</template>
<script>
export default {
  data () {
    return {
      isNextTab: false
    }
  },
  methods: {
    nextTap: function () {
      if (this.isNextTab === false) {
        this.isNextTab = true
      } else {
        this.isNextTab = false
      }
    }
  }
}
</script>

But the problem is that if I click outside the area of ​​the modal window, then it will not close, but I would like it to close.