Help

Upcoming database upgrades. Airtable functionality will be reduced for ~15 minutes at 06:00 UTC on Feb. 4 / 10:00 pm PT on Feb. 3. Learn more here

How can I retrieve data when setting the column to Link to another record (+ auto created Lookup) using a VueJS for loop?

184 0
cancel
Showing results for 
Search instead for 
Did you mean: 

I have a table of sports events with an Event Name and the Event Hosts. The Event Host field I have set to Link to Another Record. This auto generates a Lookup in the next column. The data for Event Host is stored on my other table (tab) called Clubs. The Event Name data even appears on this Clubs table now that it is linked.

However, my Vue prints what is in the Look Up column but with square brackets. How do I remove these square brackets? Or have I got things set up wrong?

            <ul class="results-list" v-for="record in records" :key="record.id">
                <li>
                    <span class="text">{{ record['fields']['eventName'] }}</span>
                    <span class="text">{{ record['fields']['clubName'] }}</span>
                </li>
            </ul> 

Screenshot_2021-01-23 TEST LiveEvents - Airtable(1)
My Airtable and the output from Vue is as in the attached imagesScreenshot_2021-01-23 Piste A PWA for pétanque players fans .

0 Replies 0