0

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.

5
  • Deberías revisar la documentación primero vuejs.org/v2/guide/components.html
    – Maetschl
    el 19 abr. 2020 a las 17:33
  • Como ya te comentaron la documentación debe ser tu punto de partida, trata algo y cuando tengas dudas claras bienvenidas sean aquí en la comunidad
    – BetaM
    el 19 abr. 2020 a las 17:35
  • Lo hice pero no encuentro una respuesta a mi problema. el 19 abr. 2020 a las 17:36
  • Entonces agrega lo que lleves, que resultado esperas y el resultado que obtienes al momento y así será mas fácil ayudarte, checa Cómo preguntar
    – BetaM
    el 19 abr. 2020 a las 17:37
  • Tienes razón me explique de una forma muy confusa, espero que me puedas entender ahora. el 19 abr. 2020 a las 17:47

1 respuesta 1

0

Cómo estás usando vue? Es decir puedes poner el código completo? Es un componente que carga otro componente?

Si quieres que un componente padre reciba una acción del componente hijo (en este caso el td) debes crear un emit en el componente hijo (por eso es importante ver el documento más a detalle) en el caso contrario tu función

newAsiento () {
     ...
}

Debe de estar dentro de un method y al invocarlo quítale los paréntesis debe quedar así:

 @click="newAsiento">New

Sobran los paréntesis

Tu Respuesta

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

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