javascript - 无法在 VueJS 中绑定(bind)填充高度属性

Question

我的模板中有一个组件，如下所示:

<v-container class="map-layers" fill-height>

在 JS 代码中，我有一个名为 collapsed 的 bool 属性:

data () {
    return {
        collapsed: false
        ...
    }
}

此属性更改为 true 或 false 并触发动画转换。我想要的是将 fill-height 属性绑定(bind)到此 collapsed 属性。如果折叠是假的，我想要这个:

<v-container class="map-layers" fill-height>

如果 collapsed 是真的，我想要这个:

<v-container class="map-layers">

我怎样才能做到这一点？

Answer 1

尝试这样做来绑定(bind)你的属性

<v-container class="map-layers" :fill-height="collapsed">