如何在同一個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。