Daterangepicker 无法处理 Vue 中的点击事件

Posted 2023-02-22

【中文标题】Daterangepicker 无法处理 Vue 中的点击事件

【英文标题】：Daterangepicker not working on click event inside Vue

【发布时间】：2018-12-06 19:24:29

【问题描述】：

我是 JS 和 Vue 的新手，真的很纠结这个：

Fiddle

没有弹出窗口，但是当我将 $('.date-range-picker').daterangepicker(...) 移动到 Vue 实例之外时，一切正常，显示了选择器弹出窗口。

【问题讨论】：

我想知道在评估methods.onClick 代码时该类是否存在于 DOM 上，也许您需要一个委托的点击事件，但不确定您将如何在此处实现它。

把你的代码放到像mounted: function () var vm = this; $('.date-range-picker').daterangepicker( opens: 'right' , function(start, end, label) vm.dateRange = start.format('DD.MM.YYYY') + ' - ' + end.format('DD.MM.YYYY'); ); ,这样的挂载钩子里，那么你最好检查一下Use JQuery in Vue和Make VueJS and jQuery play nice，无论如何，不​​建议在Vue中使用JQuery。

点赞this fiddle

mounted 解决方案对我来说很好。谢谢Sphinx，拯救我的一天。

【参考方案1】：

通过input标签和focus事件突然发现解决方法：

Fiddle