Tengo un componente modal laravel que se llama a través del atributo data-modal-toggle . El problema es que cuando creo el botón desde el backend (a través de las tablas de datos de Yajra), no funcionará, pero el otro botón que tiene un data-modal-toggle en la hoja funciona bien. ¿Alguna idea de cómo puedo representar dicho modal?
Aquí está el código de mi backend
return Datatables::of($apparatus) ->addIndexColumn() ->addColumn('buttons', function ($row) { return '<button type="button" data-modal-toggle="modal-add-app" class="grantors-btn rounded-full font-bold bg-indigo-500 px-4 py-2 text-white">Edit</button>'; }) ->rawColumns(['buttons']) ->make(true); Como puede ver, mi botón tiene el atributo data-modal-toggle , pero cuando hago clic en él, el componente no se muestra.
Pero en mi hoja traté de tener algún botón que también tenga el mismo atributo y llame al mismo componente modal y funcione
<button type="button" data-modal-toggle="modal-add-app" class="grantors-btn rounded-full font-bold bg-indigo-500 px-4 py-2 text-white">Add Apparatus</button>Si es posible. Quiero llamar al modal a través de la función js.
El botón podría llamar a una función para mostrar el modal. Esto es lo que usé:
<td> <button class="btn btn-sm btn-link" @click.prevent="showModal()"> <i class="fas fa-edit text-warning"> </button> </td>Y la función para mostrar el modal de la siguiente manera:
showModal() { $('#exampleModal').modal('show'); },Tuve el mismo problema, simplemente agregue $ (documento). Ready () dentro de él, escriba su código javascript para abrir el modal