将图像插入bootstrap-vue选择选项中

Question

是否可以在下图所示的 Bootstrap-vue select 下拉列表中插入图像？

Answer 1

是的，可以通过将img的{​​{1}}标签包裹起来来实现：

<b-dropdown-item>

      <b-dropdown-item> <img scr="..."  /></b-dropdown-item>

new Vue({
  el: '#app'

});

Answer 2

我不认为您可以通过bootstrap-vue实现此目的，因为它使用了本机选择输入字段，但是您可以使用vue-select及其非常简单的方法： https://sagalbot.github.io/vue-select/docs/Advanced/Templating.html