[BootstrapVue警告]：弹出框-无法在文档中找到目标元素

Question

我正在使用Bootstrap-Vue中的弹出窗口，但出现此错误：

[[BootstrapVue警告]：弹出框-在以下位置找不到目标元素文档。

一切正常，但是我有很多警告，我想修复它们。

<popover />

<label id="popover-target-EXAMPLE">
      <i class="far fa-question-circle"></i> Parish
</label>


//From popover Component
<b-popover target="popover-target-EXAMPLE" variant="primary" triggers="hover" placement="top">
     <p class="popover-style">TEXT</p>
</b-popover>

使用代码更新：

<script>
import Popover from './Popover';
export default {
    components:{
        Popover,
    }
}
</script>

Answer 1

尝试将弹出框放在目标元素之后