0👍
You can’t have Bootstrap and Vue both controlling the DOM without some kind of referee to keep them from stepping on each others’ toes. See Make VueJS and jQuery play nice
.
Probably your best option is to use Bootstrap-Vue which was created to solve this exact issue.
0👍
This is a rather complicated approach. Why not make your modal a Vue-component that renders data dynamically, like
<tr v-for="(sku_req,itemObjKey) in sku_requests" :key="sku_req.id">
<td :data="sku_object.itemObjKey"><i v-on:click="openModal()"></i></td>
</tr>
and then refer to it in your modal
<div class="col-md-8" v-html="data"></div>
Example:
https://laracasts.com/series/learn-vue-2-step-by-step/episodes/10
- [Vuejs]-How do I have a vue component update a list in another component that is not its child?
- [Vuejs]-Simple todo app crashed on Heroku (local works fine)
Source:stackexchange.com