How to launch Bootstrap modal on page load in vuejs?

Question

 function() { $("#modal1"); });

 <b-modal ref="modal1" id="modal1" @hide="getModalStatus" title="" class="modal-dialog modal-sm fade main-pop"> <div class="modal-content"> <p>hi launch Bootstrap modal on page load</p> </div> </b-modal>

How to launch Bootstrap modal on page load in vuejs? based on id i passed inside of function, but not sure how to proceed it.

Answer 1

I think you could call the modal using mounted(). I mean

mounted() {
 $("#modal1").modal('show'); 
},

if any questions, call me anytime.