Vuejs没有提示引导弹出窗口

时间:2016-02-05 07:13:03

标签: vue.js

我将bootstrap popovervuejs一起使用。

如何触发vue功能?

点击add break链接时,在下面的代码中,它会打开bootstrap popover,并显示click me按钮。现在这里vuejs不起作用,如果我点击click me,它就不会提示警报。

<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>

有人能帮助我吗?

1 个答案:

答案 0 :(得分:4)

由于按钮只是以字符串形式写入,因此Vue不会编译它。以下是一些尝试的想法:

  1. 也可以使用Vue进行弹出:https://yuche.github.io/vue-strap/#popover

  2. 在单独的div中创建popover内容(在组件中,以便Vue编译它),然后获取popover的内容:

    { content: $('#myPopoverContent').html(), html: true }