Зацикливание возвращаемых объектов вычисляемого свойства в строках таблицы VueJS

Question

Помогите NewBie здесь !!

Я хочу пройтись по объектам вычисляемого свойства в строке таблицы начальной загрузки, но я, похоже, не получаю никаких данных, но они загружаются в консольный журнал.

А также отображать инкрементное число номеров строк в столбце идентификатора, например, 1,2,3

См. Приведенный ниже код таблицы

<template><table class="table table-striped mb-0">
    <thead>
        <tr>
            <th scope="col">ID</th>
            <th scope="col">Schedule of Areas</th>
            <th scope="col">Area</th>
            <th scope="col">Size</th>
        </tr>
    </thead>
    <tbody>
        <tr :v-for="Specification in  Specifications">
            <th scope="row">Incremental number based on available rows</th>
            <td> {{Specification.spec_title}}</td>
            <td>{{Specification.Area}}</td>
            <td>{{Specification.Size}}</td>
        </tr>
    </tbody>
</table></template>

См. Расчетный код свойства Vue ниже

<script>
export default {
    mounted() {
        console.log('Component mounted.')
        this.getAllspecs('1');
    },
    computed: {
        Specifications: function() {
            return _.pickBy(this.allspecs.Specifications, function(u) {
                return u.status == 1 || ""
            })
        }
    },
    data() {
        return {
            allspecs: []
        };
    },
    methods: {
        getAllspecs: function() {
            axios.get("/api/getAllspecs")
            .then(function(response) {
                this.allspecs = response.data;
            }.bind(this));
        },
        created: function() {
            this.getAllspecs();
        }
    }};
  </script>

См. Изображение визуализированных объектов

Любая помощь будет высоко оценена.