如何在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 代碼”中實現了樹枝模板，並且根本不使用樹枝模板。
2. 例如，您通過來自后端端點的 HTTP 請求加載呈現的樹枝模板，並在 Vue 組件 vie v-html 屬性中呈現響應。