Question

我使用bootstrap-vue，并且在文本中有一个link的模态，如下所示：

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

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

有什么方法可以通知Vue，在本文中我使用b-link组件，必须对其进行适当的编译？

My DEMO

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" }
    ]
  };
}

如何在文本内编译组件？

1 个答案: