我将bootstrap popover
与vuejs
一起使用。
如何触发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>
有人能帮助我吗?
答案 0 :(得分:4)
由于按钮只是以字符串形式写入,因此Vue不会编译它。以下是一些尝试的想法:
也可以使用Vue进行弹出:https://yuche.github.io/vue-strap/#popover
在单独的div中创建popover内容(在组件中,以便Vue编译它),然后获取popover的内容:
{
content: $('#myPopoverContent').html(),
html: true
}