vue.js - Vuejs 不提示 bootstrap popover

Question

我正在使用 bootstrap popover 和 vuejs。

如何触发 vue 功能？

在下面的代码中，当我点击 add break 链接时，它会打开 bootstrap popover，并带有 click me 按钮。现在这里vuejs不工作了，如果我点击click me，它不提示alert。

<a data-toggle="popover" data-placement="top"  v-d2d-popover  data-content='<button v-on:click="alert(6)">click me</button>' href="javascript:void(0)" class="btn btn-link popover-notitle">
    <i class="ace-icon fa fa-plus-circle bigger-120 green"></i>add break
</a>

谁能帮帮我？

Answer 1

由于按钮只是写在一个字符串中，它不是由 Vue 编译的。这里有几个想法可以尝试:

1. 也将 Vue 用于弹出窗口:https://yuche.github.io/vue-strap/#popover

2. 在单独的 div 中创建弹出框内容(在您的组件中以便 Vue 对其进行编译)，然后获取弹出框的内容:

   { 内容:$('#myPopoverContent').html(), HTML:真实 }