将Vue Router与经典的Symfony应用程序路由混合使用

时间:2018-09-27 15:34:06

标签: javascript symfony vue.js vuejs2 vue-router

我正在使用Twig将经典的Symfony应用程序过渡到完整的VueJS应用程序。

VueJS已经使用symfony路由在某些页面上工作。

我现在需要使用Vue路由器在多个组件之间导航。

我遵循了Vue路由器文档,并且运行正常,但是当我单击路由器链接时,会显示链接到该路由的组件模板的内容,但是非vue页面的内容会保留,因为它不是由{{{ 1}}

因此,我尝试将旧的Symfony路由与vue路由器混合使用,并在VueJS内容和非VueJS内容之间交替。

我虽然要添加一个条件来检查<router-view></router-view>是否为空,然后显示经典内容(如果不显示其他内容)。

实际上,我的router-view位于Twig模板中,因此我无法访问所有Vue道具。

router-view

我找不到任何添加条件的方法,根据VueRouter文档,我没有找到要执行的操作,这是否简单可行?

如果我需要寻找其他方法,也许创建一个可以在<div class="container-fluid"> <router-link to="/foo">Go to Foo</router-link> <router-view></router-view> {% block content %}{% endblock %} </div> router-view之间切换的组件,但是我认为twig无法理解我的代码块,因为Twig渲染将在Vue向其添加内容之前页面。

有人已经遇到了这个问题并成功解决了吗?

0 个答案:

没有答案