Использование if по высоте

Question

У меня есть карта с высотой упора для высоты с .. Мне нужно иметь разную высоту для хз и больше размеров, поэтому я сделал это:

<v-card height="250"> --> works

<v-card :height="[$vuetify.breakpoint.xs ? 450 : '250']">

И я получаю ошибку, которая говорит, что ожидаемое число или строка получили массив.

Для других вещей, таких как :class, :style и т. Д. Отлично работает ...

Answer 1

Попробуйте вычисленное свойство, чтобы получить высоту, такую ​​как:

  computed:{
       getHeight(){
            return this.$vuetify.breakpoint.xs ? 450 : '250';
          }
     }

и внутри шаблона:

<v-card :height="getHeight">

если вы не хотите использовать какое-либо свойство, вы можете использовать его, сняв скобки, например:

  <v-card :height="$vuetify.breakpoint.xs ? 450 : '250'">