使用v-on指令或监视方法来检测表单字段中的更改是否更好?

时间:2018-02-17 17:00:45

标签: javascript vue.js vuejs2

我需要检测表单字段中的更改,正如我在Vue中所理解的那样,有两种方法可以做到:

  1. 通过v-on指令
  2. 通过watch方法
  3. 您建议使用哪一个?它们使用的内存量是否相同?为什么我更喜欢一个到另一个?

    更新

    只是为了解释我需要的内容:我有一个表单,每当有人在该字段中输入内容然后离开时,我需要发送一个Google Analytics ga事件。 v-onwatch

1 个答案:

答案 0 :(得分:4)

你理解不正确。使用PermissionDenied在表单字段中检测事件,例如v-onchange。使用input检测被动数据项中的更改watchdatacomputed)。

如果您在字段上使用prop,则隐式使用v-model来检测v-on(或input,如果使用change修饰符)并复制将该值转换为数据项。如果您想要添加另一个.lazy来检测更改,则可能v-on已使用表单字段更改的数据。例外情况是,如果您特别需要知道更改来自表单字段,并且可能有其他方式可能会更改。