在vuetify中使用if on height道具

Question

我有一些带有高度道具的卡，其高度为.. 我需要为xs和更高的尺寸设置不同的高度，所以我这样做了：

<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'">