我有一个似乎无法用airtable和vue2 cli解决的问题，想知道是否有人可以帮助我？
我已经建立了一个基础，正在使用vue for循环来迭代对象列表。虽然“我的循环”可以正常工作并正确渲染到浏览器，但对象的顺序完全是随机的。我尝试了不同的方法，试图让它们以相同的顺序排列，这样它们就可以与airtable base中的顺序相匹配，但似乎没有任何效果。我的代码如下：
在我的vue组件中；

<div class="timeline-wrapper" v-for="record in records" v-bind:key="record.Title">
    <h2>{{ record['fields']['Title'] }}</h2>
</div>

然后在我拥有的组件脚本中；

import axios from 'axios';
axios({
    url: 'https://api.airtable.com/v0/app123456789/',
    headers: {
        'Authorization': 'Bearer key123456789'
    }
}).then((res) => {
    res.data.records
});
export default {
    props: [
        'columns'
    ],
    data() {
        return {
            apiUrl: 'https://api.airtable.com/v0/',
            apiKey: 'key123456789',
            base: 'app123456789/NameOfBase',
            records: [
            ]
        };
    },
    mounted() {
        this.getData();
    },
    methods: {
        getData: function() {
            axios({
                url: this.apiUrl + this.base,
                headers: {
                    'Authorization': `Bearer ${this.apiKey}`
                }
            }).then((res) => {
                this.records = res.data.records;
            });
        }
    }
};

“基于空表”中的顺序如附图所示；

但是，这会在浏览器中打印、b、d、a、c。
安慰

欢迎任何帮助。