仅在Vuejs中满足条件时如何在选择上调用事件答案

【问题标题】：How to call event on the select only when condition meets in Vuejs仅在Vuejs中满足条件时如何在选择上调用事件
【发布时间】：2021-07-25 21:48:35
【问题描述】：

我有一个打开模式的方法。

我只需要打开模态，只有选择组件选项值是“我有优惠券”

 <Select
          placeholder="Want to get a discount"
          @click="openModal"
          v-model="coupon.source"
        >
      ...

我如何才能有条件地触发 openModal() 方法，仅当值为 v-model 时选择“来自 Groupon”，否则根本不调用任何方法？

【问题讨论】：

嗨，你能分享openModal方法的代码吗，你试过什么？
您使用的是特定库吗？您可以创建一个 @change 并处理那里的状态 (coupon.source)，而不是像您的情况那样依赖于缺乏灵活性的 v-model。
@kissu 你是什么意思？
您能否给我们更多的上下文、代码、minimal reproducible example 或 github 存储库。这样，我们将能够为您提供帮助。我所说的@change 的意思是观看$event 并做出相应的反应。如第一段所述：vuejs.org/v2/guide/forms.html#Basic-Usage >> select fields use value as a prop and change as an event

【解决方案1】：

您可以在点击功能，openModal中检查“From Groupon”条件并决定需要采取什么行动

【讨论】：