Ya agradezco sus consejos y respuestas, esta vez acudo a ustedes para el siguiente problema les paso context, quiero crear una tabla dinamica con quasar y vueJS esta tabla cambiara segun un campo select he logrado traer las columnas de las tablas Seleccionadas, lo que no puedo hacer es pintarlas en la vista, ya que para ello debo generar la siguiente estructura para poder pintar la tabla:
columns: [ { name: 'id', align: 'center', label: 'id', field: 'id' }, { name: 'name', align: 'center', label: 'name', field: 'name' }, { name: 'age', align: 'center', label: 'age', field: 'age' } ] }Quiero formar la estructura de arriba a partir de un arreglo que me llega de la base de datos (las columnas de la tabla), lo que recibo es lo siguiente:
const columnsTable = [ "id", "name", "age" ];Estoy intentando lo siguiente en mi método computado: Mi método computado para generar la matriz de objetos El resultado de esto no es lo que se esperaba ya que en cada clave de mi objeto se ingresa toda la matriz de esta manera. columnas en la imagen La variable columnas es donde quiero generar la matriz de objetos descritos al comienzo de la pregunta. Agradezco sus respuestas y opiniones, cualquier cosa me ayudaría mucho, muchas gracias.
Tal vez algo como el siguiente fragmento:
const columnsTable = [ "id", "name", "age" ]; const res = [] columnsTable.forEach(c => { res.push({name: c, align: 'center', label: c, field: c}) }) console.log(res)