no puedo lograr enviar los parametros para completar la edicion en la base de datos con laravel, este es mi codigo: No me doy cuenta donde esta el error, estoy intentando enviar via post el dato del atriburo v-model
<td>
<input
type="text"
class="form-control form-control-sm"
v-model="tel.celular"
aria-label="celular"
>
</td>
<td>
<input
type="text"
class="form-control form-control-sm"
v-model="tel.tel_fijo"
aria-label="tel fijo"
>
</td>
Codigo completo:
<template>
<div>
<!-- Button trigger modal -->
<button
type="button"
style="margin-left:30%;width:400px;"
class="btn btn-info btn-block"
data-toggle="modal"
data-target="#exampleModal"
>ver mis telefonos</button>
<!-- Modal -->
<div
class="modal fade"
id="exampleModal"
tabindex="-1"
role="dialog"
aria-labelledby="exampleModalLabel"
aria-hidden="true"
>
<form
ref="form"
class="form-sample"
method="post"
@submit.prevent="editTelefono"
>
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Mis telefonos</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="card-body">
<span style="color:red;">{{errors}}</span>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th></th>
<th>Telefono celular</th>
<th>Telefono fijo</th>
</tr>
</thead>
<tbody>
<tr v-for="(tel,index) in telefonos" :key="tel.id">
<td class="py-1">
<img
src="https://www.nicepng.com/png/detail/94-944445_icono-telfono-sumitomo-rubber-thailand-co-ltd.png"
alt="image"
>
</td>
<td>
<input
type="text"
class="form-control form-control-sm"
v-model="tel.celular"
aria-label="celular"
>
</td>
<td>
<input
type="text"
class="form-control form-control-sm"
v-model="tel.tel_fijo"
aria-label="tel fijo"
>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar cambios</button>
</div>
</div>
</div>
</form>
</div>
</div>
</template>
<script>
export default {
props: ["idu", "idglobals","value"],
data() {
return {
e1: 0,
edituser: [],
telefonos: [],
celular:'',
tel:{
tel_fijo:'',
dato:''
},
errors: [],
valid: true,
csrf: document
.querySelector('meta[name="csrf-token"]')
.getAttribute("content"),
rules: {
nombre: value => !!value || "Nombre es requerido",
required: value => !!value || "Required.",
min: v => v.length >= 8 || "Min 8 characters",
emailMatch: () => "The email and password you entered don't match"
}
};
},
created: function() {
// get todo items and start listening to events once component is created
this.fetchTelefonos();
//this.fetchTelefonos();
},
methods: {
fetchTelefonos() {
let uri = "http://localhost/presupuestando/presupuesto/public/tel";
axios
.get(uri, {
method: "GET",
mode: "no-cors",
headers: {
"Access-Control-Allow-Origin": "*",
"Content-Type": "application/json"
},
withCredentials: true,
credentials: "same-origin"
})
.then(response => {
this.telefonos = response.data;
// console.log(this.telefonos);
});
},
editTelefono: function(e) {
// falta de donde scara el id del admins_users para poder editar
this.errors = [];
console.log(this.celular)
if (this.tel.tel_fijo == "") {
this.errors.push("Se requiere que complete el campo telefono!");
} else if (this.celular == "") {
this.errors.push("Se requiere que complete el campo celular!");
} else {
const params = {
celular: this.tel.celular,
tel_fijo: this.tel.tel_fijo,
id: this.idu
};
axios
.post(
"http://localhost/presupuestando/presupuesto/public/edit_telefono",
params
)
.then(response => {
console.log("telefono");
})
.catch(e => {
console.log(e);
});
}
//console.log(this.$refs.miarchivo.files);
// console.log(this.errors);
}
}
};
</script>
<style>
</style>