Vue.js Vuejs。uiv，在popover悬停时保持引导popover活动？

我知道jquery也有类似的问题，但这与vue.js有关

我使用的是vue.js的boostrap版本。正在使用带有悬停事件的

trigger=“manual”

检查“我正在尝试手动触发popover”：

<popover title="Title" v-model="show">
   <a href="javascript://" @mouseover="show = !show" @mouseleave="show = !show">Toggle Popover</a>
          <template slot="popover">
            <p>Popover content</p>
          </template>
 </popover>
    <script>
      export default {
        data () {
          return {
            show: false
          }
        }
      }
    </script>

爆米花内容

导出默认值{
数据（）{
返回{
节目：假
}
}
}

好吧，我理解为什么当我离开按钮时，我将

show

设置为

false

，弹出框会被关闭

因此，我的问题是：我必须将

@mouseleave

事件放置在何处才能防止popover在悬停时关闭？

---

这里有一个plunker链接：

我已经解决了这个问题：

<popover trigger="hover" title="Title">
    <a href="#" @click.prevent>Toggle Popover</a>
    <template slot="popover">
       <p>Popover content</p>
     </template>
 </popover>

爆米花内容

基本上，我们可以使用

trigger=“hover”

来防止鼠标悬停时关闭popover

---

看看这个例子：

我已经解决了这个问题：

<popover trigger="hover" title="Title">
    <a href="#" @click.prevent>Toggle Popover</a>
    <template slot="popover">
       <p>Popover content</p>
     </template>
 </popover>

爆米花内容

基本上，我们可以使用

trigger=“hover”

来防止鼠标悬停时关闭popover

看看这个例子：