我正在使用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向其添加内容之前页面。
有人已经遇到了这个问题并成功解决了吗?