[Vuejs]-How to show current data from array to boostrap modal in vue.js

You just need to make sure the element id’s are unique, as jQuery uses these id’s to trigger the modal.

:id="'exampleModalScrollable'+tree.id"

:data-target="'#exampleModalScrollable'+tree.id"

working example

You might want to consider bootstrap-vue which doesnt rely on jQuery and works more directly with Vue.