Why is vue-select not working?

Question

Vue.js

When trying to add vue-select to the project, an error appears TypeError: this.$on is not a function:



I did everything according to the documentation .

<template>
  <div>
    <v-select :options="options" label="country" :reduce="country => country.code" />
  </div>
</template>

import vSelect from 'vue-select'

export default {
  data() {
    return {
      options: [{country: 'Canada', code: 'CA'},],
    }
  },
  components: {
    vSelect
  },
}

Answer 1

What is the vue version? 3? - the error you showed can be obtained by trying to use vue-select inside a vue3 app. Support for vue3 is not yet available, but they promise that it will appear soon .