vue 动态:style条件判断

在Vue中，可以使用条件判断来动态绑定样式。下面是一个示例：

<template>
  <div :style="getStyleObject">
    <!-- 内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      isPrimaryMsgShow: false
    }
  },
  computed: {
    getStyleObject() {
      return {
        marginTop: this.isPrimaryMsgShow ? '0px' : '40px'
      }
    }
  }
}
</script>

在上面的示例中，我们使用了`:style`指令来动态绑定样式。通过计算属性`getStyleObject`，我们根据`isPrimaryMsgShow`的值来决定`marginTop`的取值。当`isPrimaryMsgShow`为`false`时，`marginTop`为`40px`；当`isPrimaryMsgShow`为`true`时，`marginTop`为`0px`。

这样，当`isPrimaryMsgShow`的值发生变化时，样式也会相应地改变。