soy nuevo en Laravel+Vue Js y estoy estancado con un problema.
Tengo un componente llamado Articulo, que lee todos los datos provenientes de MySQL, lo cual realizo ese get a través de Axios.
traerProductos(){
let me=this;
axios.get('/url').then(function(response){
me.arrayProductos = response.data
});
})
},
}
Hasta ahí todo bien, el punto es que dentro de mi componente, al desplegar la lista de productos, tengo un atributo <a href="#"></a>
donde pretendo a que me redireccione para ver el producto en detalle, es decir, que al hacer clic a ese hipervinculo pueda parametrizar el id
de ese determinado producto y me redireccione a una nueva ventana para ver en detalle el producto.
<div v-for="producto in arrayProductos" :key="producto.id">
<table>
<thead>
<tr>
<th>ID</th>
<th>Nombre Producto</th>
<th>Detalle</th>
<th>Eliminar</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{producto.id}}</td>
<td>{{producto.nombre}}</td>
<td><a href="">Ver detalles</a></td>
<td><button @click="quitarProducto()">Quitar</button></td>
</tr>
</tbody>
</table>
</div>
De momento no estoy utilizando Vue Router, porque desconozco completamente eso, sin embargo, la idea es poder usar el producto.id
que genero en el v-for para enlistar los productos.
¿Hay una forma de parametrizar ese id que obtengo con Vue y usar las rutas de Laravel a través de Route('..., $xxx')? es una idea imposible? o puedo usar otro método ?
axios.get('/url')
, puedes hacer<a :href="'/url/'+product.id">Ver detalles</a>
product.id
vale1
, tendrás un link así<a href="/url/1">Ver detalles</a>
. Es un ejemplo genérico para una pregunta genérica. No entiendo a que te refieres con "no está enviando el id como parámetro, por lo que no lleva nada para realizar la consulta"... ¿qué parámetro? ¿qué debería llevar para realizar qué consulta?