vue select

vue-pilih

Semua yang Anda inginkan dapat dilakukan oleh elemen HTML <select> , dikemas dalam komponen Vue yang ringan, tanpa ketergantungan, dan dapat diperluas.

Vue Select adalah komponen pilih/dropdown/typeahead yang kaya fitur. Ini menyediakan templat default yang sesuai dengan sebagian besar kasus penggunaan untuk dropdown pilihan yang dapat difilter. Komponen ini didesain seringan mungkin, dengan tetap mempertahankan standar tinggi untuk aksesibilitas, pengalaman pengembang, dan penyesuaian.

• Menandai
• Memfilter/Mencari
• Dukungan Vuex
• Dukungan AJAX
• Dukungan RSK
• Dapat diakses
• ~Total 20kb / ~5kb CSS / ~15kb JS
• Pilih Opsi Tunggal/Beberapa
• Dapat disesuaikan dengan slot dan variabel SCSS
• Nol ketergantungan

Dokumentasi

Dokumentasi lengkap dan contoh tersedia di https://vue-select.org.

• Dokumentasi API
• Templat CodePen Vue 2
• Templat CodePen Vue 3

Sponsor?

Dibutuhkan banyak upaya untuk mempertahankan proyek ini. Jika ini menghemat waktu pengembangan Anda, harap pertimbangkan untuk mensponsori proyek dengan sponsor GitHub!

Terima kasih yang sebesar-besarnya kepada sponsor dan kontributor yang membuat Vue Select menjadi kenyataan!

Mulailah

Vue 3 / Vue Pilih 4.x-beta

Dukungan Vue 3 ada di saluran beta : vue-select@beta , dan akan menjadi default baru ketika v4 dirilis. Lihat #1579 untuk lebih jelasnya!

Memasang:

yarn add vue-select@beta

# or use npm

npm install vue-select@beta

Kemudian, impor dan daftarkan komponen:

# main . ts or main . js

import { createApp } from "vue" ;
import App from "./App.vue" ;

import { VueSelect } from "vue-select" ;

createApp ( App )
    . component ( "v-select" , VueSelect )
    . mount ( "#app" ) ;

Komponennya sendiri tidak menyertakan CSS apa pun. Anda harus memasukkannya secara terpisah di Component.vue Anda:

 < style >
@import " vue-select/dist/vue-select.css " ;
</ style >

Vue 2 / Vue Pilih 3.x

Memasang:

yarn add vue-select

# or use npm

npm install vue-select

Kemudian, impor dan daftarkan komponen:

 import Vue from "vue" ;
import vSelect from "vue-select" ;

Vue . component ( "v-select" , vSelect ) ;

Komponennya sendiri tidak menyertakan CSS apa pun. Anda harus memasukkannya secara terpisah:

 import "vue-select/dist/vue-select.css" ;

Anda juga dapat memasukkan vue-select langsung di browser. Lihat dokumentasi untuk memuat dari CDN..

Lisensi

MIT