vue-modal

# Register

Register vue-modal in your application globbaly

Vue.component('Modal', VueModal)

or locally

new Vue({
  el: '#app',
  components: {
    'Modal': VueModal
  }
})

# Use

# Template

with v-model

<button type="button" class="btn btn-primary" @click="showModal=true">
  Open a modal
</button>

<Modal v-model="showModal" title="My first modal">
  <p>Modal content goes here...</p>
</Modal>

or with based-on value and event

<Modal :based-on="showModal" title="My first modal" @close="showModal = false">
  <p>Modal content goes here...</p>
</Modal>

# Script

new Vue({
  ...
  data: {
    showModal: false
  }
  ...
})

# Result

← Options →