@ Watch和$ Refs，带有打字稿和vue-property-decorators

Question

我对手表和裁判有疑问。我有一个带有v模型的vswitch。 v模型的setter操作需要很长时间（写入存储并触发DOM上的许多更新）。

不幸的是，Vue在呈现开关的新值之前执行该动作。我想立即显示输入值。我的解决方法思想是“监视”开关inputValue并在inputValue更改时执行setter操作。我该如何使用打字稿和vue-property-decorators做到这一点？我在交换机上放置了一个ref，并尝试了类似的方法：

  @Watch("$refs.switch.inputValue", {
    immediate: true,
    deep: true,
  })
  change() {
    alert('value changed');
  }

@watch装饰器是否有可能？

谢谢您和最诚挚的问候

Answer 1

您不能使用@Watch来观看$ refs，因为$refs aren't reactive的属性。您最好使用事件。您可能正在使用Vuetify's v-switch。您可以使用它的更改事件并听它：

<v-switch @change="valueChanged()"/>

...

valueChanged() {
  // handle change event
}