【问题标题】:Render HTML Tag Vue.js渲染 HTML 标签 Vue.js
【发布时间】:2016-10-01 02:03:32
【问题描述】:

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

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

【问题讨论】:

    标签: javascript jquery vue.js


    【解决方案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

    【讨论】:

    • 嗨,比尔,感谢您的回复,我没有收到通知,很抱歉延迟回复。最终我想做的是堆栈模板。所以用户会看到一个按钮列表,当点击一个按钮时,特定的模板将被添加。我将尝试使其与您提供的内容一起使用。再次感谢您的回复。
    猜你喜欢
    • 1970-01-01
    • 2018-12-09
    • 2011-09-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-11
    • 1970-01-01
    • 2016-12-13
    相关资源
    最近更新 更多