Vue wrapper for jquery bootstrap multiselect

BootstrapMultiselect.vue

<template lang='slm'>
  select.form-control multiple="multiple"
    option v-for="option in selectOptions" :value='option.value' {{ option.label }}
</template>

<script>
  export default {
    name: 'bootstrap-multiselect',
    props:  {
      selectOptions: {
        type: Array,
        required: true,
        default: () => { return [] }
      },
      value: {
        type: Array,
        required: true,
        default: () => { return [] }
      },
    },
    watch: {
      value: function(val) {
        // TODO: Is there a cleaner multiselect method that does this for us?
        $(this.$el).multiselect('deselectAll', false);  // second param false = deselect even if dropdown not open
        $(this.$el).multiselect('select', val);
      }
    },
    mounted() {
      $(this.$el).multiselect({
        numberDisplayed: 0,
        onChange: () => {
          const value =  $(this.$el).val() || [];
          this.$emit('input', value);
        }
      }).multiselect('select', this.value);
    },
  }
</script>

how I could use this wrapper