2017-04-10 144 views
0

我有以下看法: Vue公司带酥料饼的错误

<div id="root" class="container"> 
    <template> 
     <popover trigger="hover" effect="fade" placement="top" title="Title"> 
      <button class="btn btn-default">Popover on bottom</button> 
     </popover> 
    </template> 
</div> 

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script> 
<script src="lesson.js"> </script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-strap/1.1.37/vue-strap.min.js"></script> 

我lesson.js文件看起来如下:

新的Vue({ EL: “#root”

data: { 
    content: 'Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod', 
}, 

components: { 
    popover: VueStrap.popover 
}, 

});

但后来我得到了以下错误:

[Vue warn]: failed to compile template: 

    <span v-el:trigger> <slot></slot> <div v-el:popover v-if=show 
:class="['popover',placement]" :transition=effect> 
<div class=arrow></div> <h3 class=popover-title v-if=title> 
<slot name=title>{{title}}</slot> 
</h3> <div class=popover-content> <slot name=content>{{{content}}}</slot> 
</div> </div> </span> 

    - invalid expression: {{{content}}} 


    (found in component <popover>) 

请,帮助

回答

1

它编译错误

<slot name=content>{{{content}}}</slot> 

编辑

而这个错误是source的组件

+0

是否有可能给VUE带弹出的工作示例,因为我不甚至有“内容”部分在这里,它仍然不起作用。 – ILya

+0

这个错误发生在popover行的[source](https://github.com/yuche/vue-strap/blob/master/src/Popover.vue)13.我创建了[issue](https:// github .com/yuche/vue-strap/issues/476)。 –