js主动触发vue中的v-model更新数据

来源:赵克立博客分类: 前端开发标签：Vue发布时间:2020-09-20 18:42:31最后更新:2020-09-20 18:42:31浏览:1354

本文为博主原创文章，转载请声明原文链接...谢谢。o_0。

原文链接:

http://www.zhaokeli.com /article/8645.html

更新时间：

2020-09-20 18:42:31

温馨提示：

学无止境,技术类文章有它的时效性,请留意文章更新时间,如发现内容有误请留言指出,防止别人"踩坑",我会及时更新文章

vue和jquery混合使用时遇到这么个情况，要使用daterangepicker组件，它是依赖jquery的，但是vue渲染表单时使用了v-model绑定数据。组件选择日期后想主动触发v-model更新到对应的变量中如下

var obj=$('#datetime');
obj.daterangepicker(options,
    function (start, end) {
        //$('#daterange-btn span').html(start.format('YYYY-MM-DD') + ' - ' + end.format('YYYY-MM-DD'));
    }
);
obj.on('hide.daterangepicker', function (ev, picker) {
    obj[0].dispatchEvent(new Event("input"));
});