testCategories не определены в vue

Question

Когда я загружаю свою страницу, я получаю undefined для моих тестовых категорий. Если я сделаю это в моем смонтированном разделе vue console.log(this.testCategories);, то я получу массив моих категорий, но если я сделаю это с моим разделом фильтра, он даст мне undefined.

Я не понимаю, почему это могло бы произойти.

Вот мой код

<template>
    <div>
        <div class="card mb-4" style="width: 100%;">
            <div class="card-body">
                <td>{{test.category | testCategory}}</td>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        props: ['testCategories'],
        data() {
            return {

            }
        },
        mounted() {

        },
        computed: {

        },
        methods: {

        },
        filters: {
            testCategory(value) {
                console.log('testCategories', this.testCategories);
            }
        },
    }
</script>

Answer 1

Вам необходимо изменить свойство на test, у которого есть член category. Или обратитесь к заявленному объекту недвижимости testCategories

 <theComponent :test='{category:"foobar"}' :testCategory='foobar' />

{
       props: ['test', 'testCategory'],
      
}