Question

我是VueJS的新手，我希望将它与我的Symfony平台一起使用。我想知道如何在一个twig变量中添加一个VueJs变量。

以下是我的例子：

java -cp "path-to-jar/testng.jar:path_to_your_test_classes" org.testng.TestNG testng.xml

考虑所需的树枝路径：<div v-for="competition in Vcompetitions"> <div class="thumbnail"> <a v-bind:href="XXX"> <img v-bind:src="competition.src"> </a> </div> </div>，VueJs变量为{{ path('name', {'id' : THEID })}} 我不知道该怎么做 XXX 。

感谢您的帮助

Answer 1

您可以使用 FOSJsRoutingBundle ，查看文档：

https://symfony.com/doc/current/bundles/FOSJsRoutingBundle/installation.html https://symfony.com/doc/current/bundles/FOSJsRoutingBundle/usage.html

Answer 2

您可以尝试这样的事情

第1步：您可以将vuejs分隔符{{ }}更改为${ }

           $(document).ready(function () {
                var app = new Vue({
                    delimiters: ['${', '}'],
                    el: '#app',
                    data: {
                        competition: {"id":1},
                    },
                });
            });

步骤2：现在您可以在twig文件中使用类似bellow的内容
对于vuejs变量${competition.id}和twig变量{{competition.id}}。在您的情况下{{ path('name', {'id' : ${competition.id} })}}

如何使用vuejs进行symfony路由？

2 个答案: