Vue布尔值控制网站按钮变灰

项目中遇到需要活动结束让按钮变灰禁止点击。

如上图所示：

以下是代码：

<img
                        :style="{ filter: grayDoNotClick || activityNotStarted ? 'grayscale(100%)' : 'grayscale(0%)' }"
                        alt="活动奖励"
                        src="~@/assets/img/images/First_screen/activity_reward_side_navigation.png"
                        @click="activityReward"
                    />
                </div>
                <div>
                    <img
                        :style="{ filter: activityNotStarted_style ? 'grayscale(100%)' : 'grayscale(0%)' }"
                        alt="我的奖励"
                        src="~@/assets/img/images/First_screen/my_reward_side_navigation.png"
                        @click="activity"
                    />
                </div>