5

我正面临一个有趣的问题......

我确实有一个分成几个步骤的表格——比如向导。每个步骤(甚至是第一个步骤)都是从 Django 所在的服务器加载的。向导本身就是 Vue 组件。一切都很好,但现在我想在 HTML 中添加一个组件,它是从服务器返回的。问题是 Wizard (Vue) 只能显示从服务器加载的 HTML,它不能为新组件解析传入的 HTML 并实例化它们。这就是我记得服务器端渲染的地方。

我的问题是如果我想通过 Vue 再次渲染 Django 渲染的模板,从哪里开始。

也许还有其他方法。我想要的只是在我的传入表单中拥有另一个丰富的组件,而不仅仅是愚蠢的 HTML。

谢谢你。

4

1 回答 1

0

我写了以下内容:

td(v-if="v && v.component")
    component(:is="v.component", v-bind="v.props")
td(:class="getClass(v)", v-html="getHTML(v)", v-else)

在哪里:

  • v- 来自服务器的对象
  • v.component- 我要渲染的组件的名称 - 即 - “cool-button”
  • v.props- 带有组件参数的内部对象v.component

该片段将纯 HTML 的组件渲染到我的td.

于 2018-06-16T09:03:30.607 回答