2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-05-17 02:29:37 +03:00
Files
vue-select/README.md
T
Jeff Sagal 156fcb1130 - fix Vue 2 peer dependency
- fix typo in readme
- add test coverage for focus/blur events
2017-02-03 16:39:07 -08:00

2.2 KiB

vue-select Build Status Code Coverage No Dependencies MIT License Current Release

A native Vue.js select component that provides similar functionality to Select2 without the overhead of jQuery.

Features

  • AJAX Support
  • Tagging
  • List Filtering/Searching
  • Supports Vuex
  • Select Single/Multiple Options
  • Bootstrap Friendly Markup
  • +95% Test Coverage

Documentation

Install / Usage

Vue Compatability Version 2.x of vue-select is compatible with Vue 2.x. If you are on Vue 1.x, you will need to use 1.x of vue-select.

NPM

$ npm install vue-select
<template>
   <div>
      <v-select v-model="select" :options="options"></v-select>
   </div>
</template>

<script>
import vSelect from 'vue-select'
export default {
  components: {vSelect},
  data() {
     return {
        selected: null,
        options: ['foo','bar','baz']
     }
  }
}
</script>

Browser Globals v1.3.0+

Just include vue & vue-select.js - I recommend using unpkg.

<!-- use the latest release -->
<script src="https://unpkg.com/vue-select@latest"></script>
<!-- or point to a specific release -->
<script src="https://unpkg.com/vue-select@1.3.3"></script>

Then register the component in your javascript:

Vue.component('v-select', VueSelect.VueSelect);

From there you can use as normal. Here's an example on JSBin.

**For more information, please visit the documentation