Как сделать проверку внутри директивы?

Question

[Sergey750il]

Доброго времени суток. У элемента есть директива v-if="this.$store.state.cart.cart.cart_items.length == 1", но состояние не всегда приходит с сервера и возникает ошибка с length тк state пустой. Как добавить еще одну проверку внутри директивы if?

Answer 1

[drawnofmymind]

Для слабых

v-if="this.$store.state.cart.cart.cart_items && this.$store.state.cart.cart.cart_items.length == 1"

Для сильных: создай computed

computed:  {
    getItemsLength(){
          return this.$store.state.cart.cart.cart_items?.length == 1
   }
}

В шаблоне

v-if="getItemsLength"