微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如果使用jQuery设置了输入/文本框,则VeeValidate不会更新

如何解决如果使用jQuery设置了输入/文本框,则VeeValidate不会更新

转到此处(Chrome对于该示例似乎效果最好): https://jsfiddle.net/gongzza/m67d8f4x/2/

在输入中输入a@b.com。注意错误如何消失。现在清除输入。

在控制台中,通过以下方式以编程方式设置电子邮件的值:

$('[name=email]').value = 'a@b.com'

请注意输入的更改方式,但不会刷新验证。

解决方法

我的建议是,您应该使用Vue来操纵这些东西的值。我能想象您要在此处使用jQuery的唯一原因是因为您是从Vue应用程序外部进行的。鉴于此,您最好这样做:

$('#app').__vue__.email = 'a@b.com'

这样,Vue将注意到更改并进行自己的事件处理。我不确定是否有一种更“正式”的方式来访问Vue数据,但这是我以前做过的方式。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。