[Vuejs]-Open jquery Fancybox in b-modal VueJS

by

0👍

✅

Just as @Janis said it might be the case that fancybox executes before it can find the link .
One workaround is to open the b-modal with a method and execute the fancybox there.

So give your modal a ref like ref="myModal" and remove v-modal like:

   <b-modal ref="myModal" > 
   </b-modal>

Create a method showModal in methods

Inside the showModal function write the following code

 methods:{
   showModal:function(){
     this.$refs.myModal.show();
     $(".fancybox").fancybox({
      width  : 900,
      height : 450
     });
   }
 }

Leave a comment