Vue Select2 Directive

vue-select2-directive.js

function updateFunction (el, binding) {
  Vue.nextTick(function () {
    // :v-select2="{ options... }"
    let options = binding.value || {};

    // set up select2
    $(el).select2(Object.assign({}, {
      // Default options
    }, options))
      .on("select2:select select2:unselect", (e) => {
        el.dispatchEvent(new Event('change', { target: e.target }));
      });
  });
}

Vue.directive('select2', {
  inserted: updateFunction ,
  componentUpdated: updateFunction,
});