Vue.js-Bootstrap Vue Popover解释HTML

问题描述

我希望弹出窗口在单击时显示一个或多个超链接。我可以使用v-html参数使其他Bootstrap元素解释HTML，尽管在这种情况下它不起作用。

这是我的代码：

<template>
  <div>
    <b-button
      :id="popover"
      size="sm"
    >
      Button
    </b-button>
    <b-popover
      :target="popover"
      triggers="focus"
      v-html="actions"
    >
      {{ actions }}
    </b-popover>
  </div>
</template>

<script>
  export default {
    computed: {
      actions() {
        return [
          `<a href="www.google.com">Google</a><br>`,`<a href="www.youtube.com">Youtube</a><br>`
        ].join('')
      }
    }
  }
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）