Vue.js 引导程序5工具提示| |弹出窗口

我对在vue应用程序中使用工具提示或弹出窗口有点问题

<template>
...
    <i :title="person.jobTitle" class="fa fa-tag" data-bs-placement="left" data-bs-toggle="tooltip" @click="showDetails"></i>
...
</template>

一切都很美好

编辑： 看起来像是create指令执行此任务：

<i title="Job Title" class="fa fa-tag" v-popover:click="person.jobTitle"></i>

---

不要将BS

数据BS-

属性与Vue混合使用。请确保在popover实例化后使用show（）方法

    methods: {
       showDetails(event) {
          this.bsPopover = new Popover(event.target, {placement: 'left', trigger: 'click'})
          this.bsPopover.show()
       }
    }

---

请接受答案，以便其他人知道问题已经解决

new Popover(this.$refs.tolek)

<i title="Job Title" class="fa fa-tag" v-popover:click="person.jobTitle"></i>

  directives: {
    popover: {
      beforeMount(el, binding) {
        new Popover(el, {content: binding.value})
      }
    }
  },

    methods: {
       showDetails(event) {
          this.bsPopover = new Popover(event.target, {placement: 'left', trigger: 'click'})
          this.bsPopover.show()
       }
    }