javascript - 渲染 HTML 标签 Vue.js

Question

我正在尝试使用 push 添加渲染模板突变法。我想推送一个部分组件，但我得到的是 <vsection></vsection' 的原始输出，而不是模板内容。 。谁能帮我渲染实际的模板内容而不是原始标签？我在下面包含了一个 jsbin。

http://jsbin.com/wurofatuve/1/edit?html,js,output

Answer 1

你的想法有点奇怪。我认为你最好做的是放置 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