Как закрыть элемент, при клике вне его области в VUEJS?

Question

[Александр]

Здравствуйте, сделал вот такое модальное окно:

<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>

Но проблема в том что если я клинку вне области модального окна, то оно не закроется, а хотелось что бы закрылось.