【发布时间】:2016-10-01 02:03:32
【问题描述】:
我正在尝试使用 push 突变方法添加渲染模板。我想推送一个部分组件,但我得到的不是模板内容,而是<vsection></vsection' 的原始输出。谁能帮我渲染实际的模板内容而不是原始标签?我在下面包含了一个 jsbin。
【问题讨论】:
标签: javascript jquery vue.js
我正在尝试使用 push 突变方法添加渲染模板。我想推送一个部分组件,但我得到的不是模板内容,而是<vsection></vsection' 的原始输出。谁能帮我渲染实际的模板内容而不是原始标签?我在下面包含了一个 jsbin。
【问题讨论】:
标签: javascript jquery vue.js
你的想法有点奇怪。我认为您最好将v-for 放在<vsection> 组件上。
<vsection v-for="section in sections">
{{ section.content }}
</vsection>
这样,当您将内容推送到sections 时,它会输出另一个内容。您还必须调整您的部分组件,以便您可以使用内容。
<template id="section-template">
<div class="section">
<slot></slot>
</div>
</template>
它的工作方式和我想的一样:http://jsbin.com/suhadidobe/1/edit?html,js,output
【讨论】: