如何在 vue 中使用 twig

Question

我有一个带插槽的简单模式窗口plan.vue

            ...
            <div class="plan__content">
                <slot></slot>
            </div>
           ...

还有example.vue用的地方

                        <button
                            @click="showPlan"
                        >
                            Show plan
                        </button>
                        <plan
                            v-if="isPlanVisible"
                            @closePlan="closePlan"
                        >
                        </plan>

我也有树枝文件 plan.html.twig

{% block field %}
    <table id="plan_table">
      <caption>
        <h2> {{smth.name}} </h2>
      </caption>
    ...
    </table>

{% endblock %}

我可以在这里添加我的树枝<plan> </plan> 吗？我试图找到一个解决方案，但只找到了如何将 vue 添加到 twig 而反之亦然

Answer 1

你不能在 Vue 组件中嵌入一个 twig 文件并渲染它。您有两种选择：

1. 您在“Vue 代码”中实现了 twig 模板，根本不使用 twig 模板。
2. 您通过 HTTP 请求从后端端点加载渲染的树枝模板，并在您的 Vue 组件中渲染响应，例如 v-html 属性。