如何在Vue JS中设置动态样式属性

Question

我试图将元素的最小高度设置为final float scale = getContext().getResources().getDisplayMetrics().density; int pixels = (int) (dps * scale + 0.5f); 页。样式属性绑定到.vue

styleObject

我正在使用我的脚本中的mount来设置styleObject。

    <b-container class="mt-3" v-bind:style="styleObject">

容器高度未调整

Answer 1

在声明其他数据道具时，不应将它们用作其他数据道具的值，因为它们不会是被动的。

避免：

styleObject: {
      minHeight: this.containerHeight
    }

只需将其设置为null即可

styleObject: {
      minHeight: null
    }

this.styleObject.minHeight = ht + "px";