如何在同一个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();
    }
});

更新功能不起作用。但是 inserted 有效。

如何获取选中的值？

Answer 1

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

twoWay 道具选项已删除

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

您需要写一个wrapper component。碰巧，这个例子是针对 select2 的。