Soy nuevo en vue.js y componentes de diseño de hormigas. Tengo una matriz de objetos, cuyos campos debo mostrar dentro de la tabla. Mi problema es que no puedo obtener el valor de un campo específico en cada fila (== índice en mi matriz de fuente de datos). ¿Cómo puedo hacerlo? Gracias
Código:
<a-table :columns='columns' :pagination='false' :data-source='tableDataSource' class='table table-small' > // Here somehow i have to get my field from current index in my data-source <template slot='clientName' slot-scope='props'> <a :href='props.client.id'> {{props.client.firstName}} </a> </template> <a-select slot='status' slot-scope='status' class='status-select' @change="event => handleChangeStatus(event, 'booking')" :default-value='status' :key='index' name='status' > <a-select-option v-for='item in bookingClassesStatus' :key='item.id' :value='item.value' > {{ item.text }} </a-select-option> </a-select> </a-table>¡Resolví esto!
Editar columnas:
... // enable custom rendering { title: 'Client name', dataIndex: 'clientName', key: 'client', scopedSlots: { customRender: 'clientName' }, }, ... <a-table :columns='columns' :pagination='false' :data-source='tableDataSource' rowKey='id' class='table table-small'> <template slot='clientName' slot-scope="text, record"> <a :href="'/admin/clients/' + record.client.id">{{record.client.firstName + " " + record.client.lastName}}</a> </template> <a-select slot='status' slot-scope='status' class='status-select' @change="event => handleChangeStatus(event, 'booking')" :default-value='status' :key='index' name='status'> <a-select-option v-for='item in bookingClassesStatus' :key='item.id' :value='item.value'>{{ item.text }} </a-select-option> </a-select> </a-table>Como entendí, el alcance de la ranura toma el elemento actual de la fuente de datos y manipula la instancia actual, brindando acceso a todos los campos de mi objeto. Probablemente me equivoque.