Mix Vue Router с классической маршрутизацией приложений Symfony - PullRequest
Новая
       5

Mix Vue Router с классической маршрутизацией приложений Symfony

0 голосов
/ 27 сентября 2018

Я работаю над переходом классического приложения Symfony с использованием Twig в полноценное приложение VueJS.

VueJS уже работает на некоторых страницах с использованием маршрутизации Symfony.

Теперь мне нужно использовать Vue Router для навигации между несколькими компонентами.

Я следовал за документом Vue Router ион работает отлично, но когда я нажимаю на ссылку маршрутизатора, отображается содержимое шаблона компонента, связанного с маршрутом, но содержимое страницы, не относящейся к vue, остается, потому что оно не генерируется Vue внутри <router-view></router-view>

Так что яя пытаюсь смешать мою старую маршрутизацию Symfony с маршрутизатором vue и чередовать содержимое VueJS и содержимое не VueJS.

Я хочу добавить условие, чтобы проверить, пусто ли router-view, а затем показать классическое содержимое, если не отображаетсядругой.

На самом деле мой router-view находится внутри шаблона Twig, поэтому я не могу получить доступ ко всем реквизитам vue. 

<div class="container-fluid">
    <router-link to="/foo">Go to Foo</router-link>
    <router-view></router-view>
    {% block content %}{% endblock %}
</div>

Я не нашел способа добавитьусловие, согласно документу VueRouter, я не нашел что-то, чтобы это сделать, это просто выполнимо?

Если мне нужно найти другой путь, возможно, создайте компонент, который будет переключатьсямежду router-view и {% block content %}{% endblock %}, но я думаю, что twig не поймет мой блок, потому что рендеринг Twig будет происходить до того, как Vue добавит контент на страницу.

У кого-то уже была эта проблема и удалось ее исправить?

...