动态绑定div选中时候的样式

64 阅读1分钟
      .active {
          box-shadow: $homeBlue 0 0 1rem inset;
        }
        
        :class="{
        active:
          selectProject &&
          item.projectId == selectProject.projectId &&
          item.areaId == selectProject.areaId,
      }"

1 这段代码中,:class属性根据条件动态绑定了一个class name为"active"。 .该条件是当selectProject存在且item的projectId等于selectProject的projectId且item的areaId等于selectProject的areaId时为真。这意味着当一个project被选中时,对应的项目条目将被标记为active,以突出显示当前选定的项目。