按下按鈕后，Vue.js 會動態呈現 bootstrap-vue 組件

Question

我有這個作為我的模板的一部分

 <button class="add" v-on:click="handleAdd(0)"><img id="0" src="../assets/plus.svg" /></button> <div class="objectives-list"> <div class="objective-holder" id="0"> <b-button vb-toggle.ld-0 class="objective"> <div class="short-description">I am a short description.</div> <b-collapse class="long-description" id="ld-0" @show="handleShow(0, 0, 0)" @hide="handleHide(0, 0, 0)">I am a long description.</b-collapse> </b-button> </div> </div>

我正在嘗試向“目標列表”添加一個新的“目標持有者”，但我無法弄清楚如何在我的 .vue 的一部分的 JavaScript 函數中從 BootstrapVue 創建新的 b 按鈕和 b 折疊方法函數。

Answer 1

您可能能夠使用渲染函數而不是模板，或者使用渲染函數的某種類型的組件以編程方式創建您的按鈕元素。 https://v2.vuejs.org/v2/guide/render-function.html#ad