[Vuejs]-Pass a parameter to a Vue Bootstrap Modal Dialog

by

1👍

✅

You can use a v-model instead of the v-b-modal.xxx syntax, and set it in the button’s click event. This will allow you to set some properties first, which the modal can then reference.

Your modal needs a v-model:

 <b-modal v-model="showModal" ... >

Your button needs a proper click handler:

  <input      
      @click="OnEditClicked"
      role="button"
     ...
    />

And your click handler will look like this:

    OnEditClicked() {
      this.centeredTitle ='Education and Training';
      //Other properties which the modal needs... 
      this.showModal = true;
    }
👤Yitz

Leave a comment