Вызовите свойство условно для компонента vue?

Question

У меня есть список элементов, которые могут содержать подмножество элементов в них, поэтому у меня есть список, подобный этому

<v-list>
    <v-list-group v-for="item in items" :key="item.id>
        <v-list-title :to="item.link">
            {{ item.title }}
        </v-list-title>
    </v-list-group>
</v-list>

и мой массив items выглядит примерно так.

data: function() {
    return {
        items[
            {
                id: 1,
                title: 'foo',
                link: '/dashboard/url/',
                items: []
            },
            {
                id: 2,
                title: 'bar',
                link: '/dashboard/url2/',
                items: [
                    {
                        id: 1,
                        title: 'foo',
                        link: '/dashboard/url/sub'
                    }
                ]
            }
        ]
    }
}

Я хочу добавить свойство :to в список, только если item.items.length > 0 есть способ динамически добавить свойство? или добавить его условно?

Answer 1

Вы можете использовать условие здесь

<v-list-title :to="item.items.length ? item.link : null">
  {{ item.title }}
</v-list-title>