Отображение событий из таблицы в полный календарь

Я пытаюсь реализовать календарь событий внутри одного из моих компонентов vue в Laravel, но я не могу отображать события в календаре из моей базы данных SQL. Хотя я могу просматривать столбцы своей таблицы, используя свой контроллер ресурсов. Примечание. Я использую Router-View для отображения всего содержимого под идентификатором, поэтому шаблоны блейдов отсутствуют. Любая помощь, пожалуйста! Заранее спасибо.

Dashboard.vue
<template>
<full-calendar :config='config'>
</full-calendar>
</template>
<script>
export default{
 data() {
    return {
      config: {
        defaultView: "month"
      },
methods:{
loadEvents() {
      axios.get("api/event").then(({ data }) => (this.events = data));
    }
},
created(){
this.loadEvents();
}
};
</script>
Controller type:resource

public function index()
    {

            $events = DB::table('events')->get();
            $event = [];

            foreach($events as $row){
                $endDate = $row->end_date."24:00:00";
                $event[] = \Calendar::event(
                    $row->event_title,
                    true,
                    new \DateTime($row->start_date),
                    new \DateTime($row->end_date),
                    $row->id,
                    [
                        'color'=>$row->color,
                    ]
                    );
            }
            $calendar =  \Calendar::addEvents($event);
            return $events;


    }

class CreateEventsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('events', function (Blueprint $table) {
            $table->increments('id');
            $table->integer('user_id')->unsigned();
            $table->foreign('user_id')->references('id')->on('users');
            $table->string('event_title');
            $table->string('event_description');
            $table->string('color');
            $table->datetime('start_date');
            $table->datetime('end_date');
            $table->timestamps();
        });
    }
};
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
393
0

Другие вопросы по теме