Use variables in attribute values
文章目录

VueJS: Use variables in attribute values

Mustache 语法不能作用在 HTML 特性上

这个样子是不对的:

1
2
3
4
5
<b-modal id="modal-1" title={{'这里是title'}}>
</b-modal>

<b-modal id="modal-1" title="{{'这里是title'}}">
</b-modal>

遇到这种情况应该使用 v-bind 指令

1
2
3
4
<!-- 这样子就可以在参数的值里面使用变量了-->
<b-modal id="modal-1" v-bind:title="arrFeatures[selected]['title']">
<p class="my-4">{{ arrFeatures[selected] }}</p>
</b-modal>