Javascript 在vuetify中对高度支柱使用if

我有一些带高度支柱的卡片，用于C的高度。。 我需要为xs和更大的尺寸提供不同的高度，所以我这样做了：

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

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

-->有效

我得到的错误是，数字或字符串应该得到数组

---

对于其他类似于

：class、：style

等的内容，效果很好…

尝试使用计算属性返回高度，如：

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

和内部模板：

<v-card :height="getHeight">

如果不想使用任何属性，可以通过删除括号来使用它，如：

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

我知道这是可行的，如果我有100多个不同的值，我需要100多个不同的计算值，或者一个带开关盒的方法，但我想知道为什么它不能像其他东西一样在prop中工作。我这样做了，您可以了解更多关于返回的断点的信息

[]

数组中有一个值（450或250）这是一根绳子。与

：height=“[$vuetify.breakpoint.xs？450:'250']”不同，您应该在不使用
[]
的情况下编写它。像这样
：height=“$vuetify.breakpoint.xs？450:'250'”
。但我会按照答案创建
computed
属性：）