首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >v-model不会检测到jQuery触发器事件所做的更改。

v-model不会检测到jQuery触发器事件所做的更改。
EN

Stack Overflow用户
提问于 2018-03-13 16:11:55
回答 1查看 2.1K关注 0票数 10

对于Vue.js,我使用的是jQuery 坦帕斯主人数据报警器。

代码语言:javascript
运行
复制
<input type="text"
       class="form-control datetimepicker-input"
       id="confirmedDueDate"
       data-target="#confirmedDueDate"
       @focus="openDatetimePicker($event)"  //to show the datetimepicker
       @blur="closeDateTimePicker($event)"  //to close it
       v-model="taskSettings.confirmedDueDate"
       />

我面临以下问题:v-model无法检测到datetimepicker所做的更改。

我以为我可以在关闭采摘器时触发一个事件:

代码语言:javascript
运行
复制
$('#confirmedDueDate').trigger('change');
//or
$('#confirmedDueDate').trigger('input');

但这是行不通的。

这种情况是否有一个已知的解决办法?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-03-13 16:27:04

命令

代码语言:javascript
运行
复制
$('#confirmedDueDate').trigger('input');

触发一个Vue不会识别的对象,因为它只知道原生DOM事件。

您可以“手动”触发Vue将使用以下方法响应的事件:

代码语言:javascript
运行
复制
$('#confirmedDueDate')[0].dispatchEvent(new CustomEvent('input'));

Vue将把它识别为一个常规的本地input evnet。

票数 20
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49260887

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档