【问题标题】:Daterangepicker not working on click event inside VueDaterangepicker 无法处理 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 VueMake VueJS and jQuery play nice,无论如何,不​​建议在Vue中使用JQuery。
  • 点赞this fiddle
  • mounted 解决方案对我来说很好。谢谢Sphinx,拯救我的一天。

标签: javascript jquery vue.js daterangepicker


【解决方案1】:

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

Fiddle

【讨论】:

    猜你喜欢
    • 2013-10-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-12-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多