vuetify에서 if on height prople 사용

vuetify에서 if on height prople 사용

키 c를 위한 키 받침이 있는 카드가 몇 개 있어요.xs와 그 이상의 사이즈는 높이가 달라야 하기 때문에 이렇게 했습니다.

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

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

"number or string get array"라는 오류가 나타납니다.

기타의 경우::class, :style기타는 정상적으로 동작합니다.

계산된 속성을 사용하여 다음과 같은 높이를 반환합니다.

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

및 내부 템플릿:

<v-card :height="getHeight">

속성을 사용하지 않을 경우 다음과 같은 괄호를 제거하여 사용할 수 있습니다.

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

언급URL : https://stackoverflow.com/questions/54164050/using-if-on-height-prop-in-vuetify