时间戳

首页 > 解决方案 > v模型值变化时触发哪个事件

javascript - v模型值变化时触发哪个事件

问题描述

我是 Vuejs 的新手，我的要求是在设置表单元素的 v-model 值时全局编写一个函数来触发。我试图写这个，element.onchnage但这不起作用。

有人能告诉我在 vuejs 中设置 v-model 值时触发了哪个 HTML 事件吗？

标签： javascriptvue.js

解决方案

嘿 Linu，欢迎来到 SO。

查看表单输入绑定的文档： https ://vuejs.org/v2/guide/forms.html

那里说：

v-model 在内部使用不同的属性并为不同的输入元素发出不同的事件：

  • text 和 textarea 元素使用 value 属性和输入事件
  • 复选框和单选按钮使用选中属性和更改事件；
  • 选择字段将值用作道具并将更改用作事件。

因此，您可以对输入执行以下操作，而不是 v-model

<input :value="dataProperty" @input="dataProperty = $event.target.value" />

推荐阅读