Vue.js 如何使用v-bind:height？

如何动态设置元素的高度？ 我有一个

v-carousel

，但它占用了屏幕上太多的空间。 所以我需要像这样的东西：

v-bind:height=“{'300'：$vuetify.breakpoint.mdAndDown}”

但它不起作用。 我还想‘也许这是一个字符串，让我们试试数字吧’

：height=“{300:$vuetify.breakpoint.mdAndDown}”

---

它也不起作用。还尝试了

300px

和

'300px'

，但均无效。

正确的语法是将高度绑定到计算属性，如：

  <v-carousel v-model="model" :height="customHeight">

---

经过一点实验，我最终选择了vh<代码>返回此项。$vuetify.breakpoint.smAndDown？“30vh”：这是$vuetify.breakpoint.md吗40vh”：这是$vuetify.breakpoint.lg吗50vh’：‘60vh’再次感谢您。我甚至不知道我必须使用计算属性。你能不能参考官方文件，我可以在那里读到更多关于它的信息？

  computed:{
    customHeight(){
      return this.$vuetify.breakpoint.mdAndDown?300:500;
    }
  }