根据收到的参数设置动态 class

Question

我是 Vuejs 的新手，我有一个组件，我想设置 height 值，只有当我在 props

中发送参数时

所以，我的 class 是这样的：

 <input
            tag="section"
            class="h-full"
          >

如你所见，我使用 h-full class（tailwind 框架），但如果 prop 成真，我想将其删除，所以我创建了一个新的 prop：

props: {
 adjustHeightToContent: {
      type: Boolean,
      default: false,
    }
  },

我想知道如何根据参数值

将 CSS class 设置为动态

组件使用：

<BaseInput v-if="isModalShown"> </BaseInput>

Answer 1

使用可以使用这个：

:class="adjustHeightToContent ? 'h-auto' : 'h-full'"

Set dynamic class depending of parameter received