如何在vue中使用树枝

Question

我有简单的模态 window 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 添加到树枝而不是相反

Answer 1

您不能在 Vue 组件中嵌入 twig 文件并渲染它。您有两个备选方案：

您在“Vue 代码”中实现了您的 twig 模板，但根本没有使用 twig 模板。
您通过来自后端端点的 HTTP 请求加载呈现的树枝模板，并在您的 Vue 组件内呈现响应，例如 vie v-html 属性。

如何在vue中使用树枝

how to use twig in vue

php

symfony

twig

vue.js