Javascript [Vue warn]：无法解析指令：b-popover 盘旋我 从“引导vue”导入{VBPopover}； 导出默认值{ 指令：{ VBPopover }, }

所以我不知道为什么我会收到这个警告。如果我将v-b-popover.hover替换为b-popopover.hover，此警告将消失，但功能不存在

---

基本上是试图从文档中实现popover指令：

指令ID会自动以

v-

作为前缀。您可能应该按照指示显式设置指令ID

指令：{
“b-popover”：VBPopover
}

---

发生了什么事

指令：{
VBPopover
}

与

指令：{
VBPopover:VBPopover
}

名称

vbpoover

被转换为

v-b-poover

，然后应用自动前缀成为

v-v-b-poover

。所以你可以在模板中使用它，但对我来说，它看起来很傻

---

指令在名称上的行为与组件不同。指令名称总是转换成烤串大小写，前缀为

v-

，非常感谢！成功了。我只是不明白，如果我导入组件时只需要将组件的名称放在“组件”部分，为什么需要显式设置id。@Sirlethian我已经用一些说明更新了我的答案。

<template>
  <div>
    <div class="text-center my-3">
      <b-button
        v-b-popover.hover="'I am popover content!'"
        title="Popover Title"
        >Hover Me</b-button
      >
    </div>
  </div>
</template>

<script>
import { VBPopover } from "bootstrap-vue";
export default{
  directives: {
    VBPopover
  },
}
<script>