Vue.js 如何更改Vue js引导模式窗口的模式头的名称？ 更多信息 。。。

这就是我上面提到的。我想更改modal标题的名称

chosenProduct（）

是我的方法之一，

Name

是我数据库中的一列。我不确定如何在

模式标题

字段中表示数据库中的一个数据元素。我尝试过绑定它，比如

：modal title=“chosenProduct.Name”

，但它似乎没有任何作用。如果能帮上忙，我将不胜感激。谢谢

标题是引导vue中的标题

<b-modal v-if="chosenProduct" hide-footer="true" ok-title="Buy Now" modal-title="{{ chosenProduct.Name }}">...</b-modal>

你好，来自莫代尔

您可以使用v-bind使其具有反应性

<b-modal id="modal-1" title="BootstrapVue">
   <p class="my-4">Hello from modal!</p>
</b-modal>

你好，来自莫代尔

或更短

<b-modal id="modal-1" v-bind:title="chosenProduct.Name">
   <p class="my-4">Hello from modal!</p>
</b-modal>

你好，来自莫代尔

标题是引导vue中的标题

<b-modal v-if="chosenProduct" hide-footer="true" ok-title="Buy Now" modal-title="{{ chosenProduct.Name }}">...</b-modal>

你好，来自莫代尔

您可以使用v-bind使其具有反应性

<b-modal id="modal-1" title="BootstrapVue">
   <p class="my-4">Hello from modal!</p>
</b-modal>

你好，来自莫代尔

或更短

<b-modal id="modal-1" v-bind:title="chosenProduct.Name">
   <p class="my-4">Hello from modal!</p>
</b-modal>

你好，来自莫代尔