如何在同一个选择中使用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://vuejs.org/v2/guide/migration.html#twoWay-Prop-Option-removed

  

twoWay支持选项已删除

     

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

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