Как вы передаете данные в представление маршрутизатора с сервера Laravel - PullRequest
Новая
       11

Как вы передаете данные в представление маршрутизатора с сервера Laravel

0 голосов
/ 01 марта 2019

Я хочу иметь возможность передавать реквизиты со стороны моего сервера в слот для просмотра маршрутизатора, который является GroupView.vue, это полная история:

GroupsController @ index 

public function index()
    {
        $groups = Group::paginate(5) ; 
        return view("groups",compact("groups"));    
    }

Тогда в моем groups.blade.php 

<section class="w-1/2 ml-5">

    <p class="font-basic tracking-normal text-3xl mb-4 mt-4 font-normal text-black mr-2">Groups</p>

    @include('partials.filters.groups')

    @forelse ($groups as $group)

    <groups-view inline-template :groups="{{ $group }}">
        <article id="groups-feed" class="bg-white w-3/4 p-4 mb-2 rounded-sm shadow-md">
            <div class="flex" id="groupPicture">

                <router-link :to="{ name : 'groupView', params : { groupId : group.id , groups : group } }" tag="a">
                    <img class="h-18 w-18 rounded-full mr-4 mt-2" src="{{ asset('assets/images/'.$group->default_avatar) }}" alt="Criminals View" >
                </router-link>

                <div class="flex-1">
                    <h3 class="mt-4 font-basic text-2xl">{{  $group->display_name }}</h3>
                    <p class="mt-2">Motto :  <em class="font-basic font-bold roman">{{ $group->motto  }}</em></p>
                </div>
            </div>
        </article>  
    </groups-view>

    @empty

    <h3>No groups are added yet..</h3>

    @endforelse

    {{ $groups->links() }}

</section>


<router-view></router-view>

В моем файле rout.js

это мой код: 

{   
    path : '/group/:groupId',
    name : 'groupView',
    component : GroupView,
    props :  {
        groups : {
            type : Object
        }
    }
},

Я хочу иметь возможность передавать данные в моем представлении маршрутизатора, например, как это в

GroupView.vue

, и именно здесь я вывожумой взгляд на маршрутизатор 

<template>
    <section class="w-2/5 ml-2 font-basic" id="groupView">
        <p class="font-basic tracking-normal text-2xl mb-4 mt-4 font-normal text-black mr-2">Group Profile of {{ this.group.full_name }}</p>

</template>

Должен ли я передать его в своем скрипте в GroupView.vue 

<script>
export default {
    props : ['groups'],

    name: 'GroupView',

    data () {
        return {
            group : this.groups
        }
    }
};
</script>

Как я могу отобразить groups.motto для моего GroupView.vue?

...