用Vue.我使用的是jQuery Tempus Dominus日期 Select 器.

<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所做的更改.

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

$('#confirmedDueDate').trigger('change');
//or
$('#confirmedDueDate').trigger('input');

但这样做是行不通的.

这种情况是否有已知的解决方法?

推荐答案

命令

$('#confirmedDueDate').trigger('input');

触发Vue无法识别的jQuery.Event Object,因为它只知道本机DOM事件.

您可以使用以下方式"手动"触发Vue将响应的事件:

$('#confirmedDueDate')[0].dispatchEvent(new CustomEvent('input'));

Vue会将其识别为常规的原生input evnet.

Vue.js相关问答推荐

在vuejs中使用表单追加时如何使用布尔值

如何使用 async/await 在 vue js 中添加标头

Nuxt 2.15.7 的构建错误 - 无法解析 CSS @font-face URL

Webpack 导入的模块不是函数

混合使用 React 和 Vue 是个好主意吗?

在 Vuex Store 模块中使用 Vue.js 插件

如何在 vue.js 2 的其他组件中调用方法?

如何为 Vue 项目设置 lint-staged?

在 v-for 的情况下如何从 v-model 输入更新 Vuex 存储

错误:您可能需要额外的加载器来处理这些加载器的结果.

怎样1秒后自动隐藏VueJS中的元素

交换数组项

错误:Node Sass 尚不支持您当前的环境:Linux 64-bit with Unsupported runtime (88)

基本 vue.js 2 和 vue-resource http 获取变量赋值

如何在 Vuetify DataTable 组件中设置初始每页行数值?

Vue js在列表中添加动态字段,删除和排序不起作用

根据nuxt中的url参数动态加载组件

如何将单选按钮绑定到 vuex store ?

Vue-i18n - 无法读取未定义的属性配置

Mapbox 事件监听器