Vue.js Vue JS：在一个div中加入v-bind和v-if？

我有没有办法把这两个人连在一起，让他们都在div里

<div
      :class="
        Date.now() >= new Date(deadline)
          ? 'search-result col-12 col-lg-10 container hideclosed'
          : 'search-result col-12 col-lg-10 container'
      "
    >
      <h3 v-bind:class="{ showclosed: $store.state.ClassCheck }">
        {{title }}
      </h3>

{{title}}

可以在类绑定中使用，有条件地应用多个类名

例如，当

isActive

为

true

时，以下绑定应用

active

类，并无条件应用

errorClass

属性中的类名：

在您的情况下，两个类绑定将组合在一个数组中：

要提高模板可读性，请使用计算属性来包含复杂数组：

导出默认值{
计算：{
myClasses（）{
返回[
Date.now（）>=新日期（此.截止日期）
？“搜索结果col-12 col-lg-10集装箱隐藏”
：“搜索结果col-12 col-lg-10容器”，
{showclosed:this.$store.state.ClassCheck}，
]
//或简化：
返回[
“搜索结果col-12 col-lg-10容器”，
{hideclosed:Date.now（）>=新日期（this.deadline）}，
{showclosed:this.$store.state.ClassCheck}，
]
}
}
}

---

技术上，你可以，但如果你正在做一些事情或类动画，你可能想考虑使用<代码>：类=“{Deal.No（））>新的日期（截止日期）？“搜索结果COL-12 COL-LG-10容器HyeCaseLeD”：“搜索结果COL-12 COL-LG-10容器”，StOffCuff: $Stury.CaltChest}“< /Cord>”谢谢您的帮助。我没法让它工作。它在Date.now（）为我显示了一个错误。