如何在同一个select中使用v-model和其他js插件

Question

我在我的项目中使用 jquery select2和datepicker插件。 我为他们使用了自定义指令。 在我需要使用v-model获取所选值之前，它们工作正常。 由于某种原因，它不绑定该值。 我的猜测是某处存在冲突。

这是我的指令：

Vue.directive('select', {
    twoWay: true,
    inserted: function (el) {
        $(el).select2();
    },
    updated: function (el) {
        $(el).select2();
    }
});

更新的功能不起作用。 但插入的作品。

如何获得选定的值？

Answer 1

https://v2.vuejs.org/v2/guide/migration.html#twoWay-Prop-Option-removed

删除twoWay道具选项

道具现在总是单向下降。 为了在父作用域中产生副作用，组件需要显式地发出一个事件，而不是依赖于隐式绑定。

您将需要编写一个包装组件。 碰巧，该示例适用于 select2。