Блог

Главная - Вопросы по программированию - Модальный, созданный с помощью livewire-пользовательский интерфейс/модальный не закрывается

Модальный, созданный с помощью livewire-пользовательский интерфейс/модальный не закрывается

#laravel-8 #laravel-livewire

Вопрос:

Я проверяю livewire-ui/modal , как описано на этой странице github

Модальный отображается правильно при нажатии кнопки «Открыть», но он никогда не закрывается независимо от используемого значения, например :

  • щелчок в сторону
  • использование кнопки «Побег»
  • использование кнопки закрытия с этим кодом
 <button wire:click="$emit('closeModal')">No, do not delete</button>
  • используйте кнопку закрытия с этим кодом
 <button class="button-link" wire:click.prevent="close()"> Poster</button>

и иметь функцию закрытия в модальном, как это:

 <?php

namespace AppHttpLivewire;

use LivewireUIModalModalComponent;

class Hello extends ModalComponent
{
    public function render()
    {
        return view('livewire.hello');
    }

    public function close(){
        
        $this->closeModal();
    }
}

Комментарии:

1. сообщает ли консоль браузера о какой-либо ошибке ?

Ответ №1:

Функционирование было связано с тем, что у меня было 2 страницы на странице, одна из которых была непосредственно на странице (CDN), а другая внутри app.js (требуется «alpinejs»). Я просто продолжал требовать «alpinejs», и теперь это работает.

Метки: ,