-1

Buen día, estoy haciendo un CRUD en Laravel 8 con Vuejs. En un componente que he creado estoy incorporando un modal para poder tener un formulario de "nuevo registro", sin embargo, este modal no abre.

introducir la descripción de la imagen aquí

Cabe resaltar que he seguido estos pasos en el proyecto:

  1. Luego de creado el proyecto pasé a ejecutar "composer require laravel/ui"
  2. También, creé un scaffolding de autenticación con el comando "php artisan ui vue --auth"
  3. Después, para instalar todas las dependencias, pasé a ejecutar "npm install".
  4. Finalmente, "npm run dev" para compilar y que se creen las carpetas "JS" y "CSS" en la raíz "public" del proyecto de Laravel.

Alguna solución a este problema del modal de Bootstrap y por qué no abre? Agradecería alguna respuesta

Adjunto aquí la imagen en donde estoy incorporando el modal simple en el componente de vue:

introducir la descripción de la imagen aquí

3
  • 2
    El código va como texto por favor, no como imagen. Commented el 10 ene. 2022 a las 11:17
  • 1
    No todos pueden visualizar las imágenes: pon el código como texto, con formato.
    – padaleiana
    Commented el 10 ene. 2022 a las 12:41
  • Ok, aunque es ridículo que un simple modal vaya como código en esta pregunta en específico. Commented el 10 ene. 2022 a las 21:50

1 respuesta 1

0

Si estas usando bootstrap 5 cambia todos los atributos data- por data-bs- porque es uno de los cambios descritos en la migración desde anteriores versiones de bootstrap.

En la sección de Javascript de su página encontrarás el cambio

Si no lo haces no solo los modales no te van a funcionar, sino tampoco los dropdowns, etc.

Una pregunta parecida la respondí aquí.

1
  • Gracias, era la versión de Bootstrap. Commented el 10 ene. 2022 a las 21:51

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.