Vue.js 如何在事件日历中为不同的事件添加不同的背景

我是第一次集成活动日历，我已经成功地集成了所有内容，只有一点让我感到困惑的是，活动背景颜色没有改变。默认设置为

黄色

。我只想改变它的背景色

这是我在活动日历上显示数据的代码

showEvent(arg) {
      this.addingMode = false;
      const { id, title, start, end, desc } = this.events.find(
        event => event.id === +arg.event.id
      );
      this.indexToUpdate = id;
      this.newEvent = {
        event_name: title,
        start_date: start,
        end_date: end,
        description: desc,
      };
    },

数据来自

public function toArray($request)
    {
        return [
            'id' => $this->id,
            'title' => $this->status,
            'start' => $this->start_date,
            'end' => $this->end_date,
            'desc' => $this->description,
        ];
    }

event\u name:title

在日历上显示状态0或1，我只希望在0处显示黄色，在1处显示红色

可能吗？

---

如果是，请帮助我，我很难被困其中，

您好，您还应该附上您的日历模板。您可以将类或样式绑定到Vue.JS中的任何元素。v-bind:class和v-bind:style已完成，详情如下：