Recien comienzo con vue entonces quizas mi duda tenga una respuesta evidente, cuestion que intento crear un componente Vue, al hacer click en un boton.
Mas precisamente que cuando yo haga click en un td de una tabla, llame a una funcion la cual me añadirá un componente que es una fila de dicha tabla.
No se si se puede siquiera, de ser asi, agradeciera que me orienten con otra solucion.
Yo intento algo como esto dentro del td encargado de añadir las filas:
<td colspan="5" @click="newAsiento()">New</td>
La funcion newAsiento
:
newAsiento () {
let tr = '<asiento-row :rowId="' + this.setId() + '"></asiento-row>';
let tbody = document.getElementById('tbody');
tbody.innerHTML = tbody.innerHTML + tr;
}
- Aclaraciones
- La funcion newAsiento es un metodo del componente padre
- A la etiqueta tbody le asigné el id 'tbody'
- La funcion setId nomas devuelve un valor numerico para diferenciar las filas con un numero unico
- El componente asiento-row es un 'tr' en pocas palabras
Yo esperaba tener un componente vue completamente funcional, pero me imprimió añadió el html que le indique en la variable tr dentro de la funcion newAsiento
Gracias. Diego.