根据接收到的参数设置动态类答案

【问题标题】：Set dynamic class depending of parameter received根据接收到的参数设置动态类
【发布时间】：2022-01-05 03:34:00
【问题描述】：

我是使用 Vuejs 的新手，我有一个组件，如果我在 props 中发送参数，我想设置 height 值

所以，我的课是这样的：

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

如您所见，我使用 h-full 类（tailwind 框架），但如果 prop 为真，我想将其删除，因此我创建了一个新 prop：

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

我想知道如何根据参数值将该 CSS 类设置为动态

组件使用：

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

【问题讨论】：

【解决方案1】：

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

【讨论】：