When I use
<intersect v-if="activated == true" @enter=" addImages();" > <div class="h-1 w-full border"></div> </intersect>
The intersect appears in the dom when the condition is met, but the intersect is not doing any method anymore when I scroll to it.
If I remove the if then I have the problem that with a big screen when the page loads the intersect gets activated a couple of times while loading.
How to make the intersect work with v-if? what is the reason that its not working?
When I use
<intersect v-if="activated == true" @enter=" addImages();" > <div class="h-1 w-full border"></div> </intersect>The intersect appears in the dom when the condition is met, but the intersect is not doing any method anymore when I scroll to it.
If I remove the if then I have the problem that with a big screen when the page loads the intersect gets activated a couple of times while loading.
How to make the intersect work with v-if? what is the reason that its not working?