javascript - 如何在文本中编译组件？

Question

我使用bootstrap-vue并且我有一个带有linkto 模态的文本，它看起来像：

'Some Text 2 with <b-link v-b-modal.myModal>a link to modal</b-link>.'

这段文字我放在里面<li></li>。

有什么方法可以告知Vue我在本文中使用b-link了必须正确编译的组件？

我的演示

Answer 1

修复。

在<template>：

<details v-for="i in changeLog" :key="i.title">
  <summary>{{ i.title }}</summary>
  <ul>
    <li>{{ i.text }}
      <template v-if="i.linkText">
        <b-link v-b-modal.privacyModal> {{ i.linkText }}</b-link>.
      </template>
    </li>
  </ul>

在<script>：

data() {
  return {
    changeLog: [
      { title: 'Title 2 (with "bootstrap-vue" link)', text: "Some Text 2 with", linkText: "a link to modal" },
      { title: "Title 1", text: "Some Text 1" }
    ]
  };
}