javascript - 渲染 HTML 标签 Vue.js

标签 javascript jquery vue.js

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

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

最佳答案

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

关于javascript - 渲染 HTML 标签 Vue.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37573138/

相关文章:

javascript - 人们说 css 中没有父选择器是什么意思?

jquery - AJAX 运行后 CSS 样式不会刷新

javascript - 动画完成后如何添加类?

typescript - 使用组合 API 和 typescript 打字系统对 vue 组件进行强打字

javascript - 我的 javascript 是否正确连接到 HTML 并触发?

javascript - POST 表单到新窗口

javascript - 尝试在 reactjs 中呈现时出现 webpack 问题

javascript - 如何将 Vue 的主应用渲染到 body 元素?

laravel - 如何修复 Laravel 8 Sanctum 和 VueJS 3 的 "401 Unauthorized"错误?

javascript - 搜索服务器上的文件夹并显示结果