将 Laravel 路由传递给 vue 组件

Question

我有一个index.blade.php，我在这个视图中包含了 vue 代码。 在正常情况下，我们会像这样通过 laravel 路由：

<a href="{{route('some-route')}}"> Link </a>

想象一下，我在这个 index.blade.php 中有一个主 vue 组件，我现在正在这样做：

@section('body')
    <router-view
        {{-- Props --}}
        prop1	 = "{{route('route1')}}"
        prop2	 = "{{route('route2')}}"
        prop3	 = "{{route('route3')}}"
        prop4    = "{{route('route4')}}"
        prop5    = "{{route('route5')}}"
        prop6    = "{{route('route6')}}"
        prop7    = "{{route('route7')}}"
        ...
    </router-view>
@endsection

我有很多路线想在我的 vue 组件中使用，我正在做这样的事情......

有时编写所有这些路线并使用道具等会令人沮丧。

有没有更好的方法来做到这一点？

谢谢:)

Answer 1

您可以使用 Route::getRoutes() 这将返回 RouteCollection，您可以这样做

$routeCollection = Route::getRoutes();

@section('body')
<router-view
    {{-- Props --}}
@foreach(Route::getRoutes() as $key => $route)
    prop{{ $key }} = "{{ $route->getPath() }}"

</router-view>
@endsection