el select v2 Unduh - el select v2 Unduh kode sumber

el select v2

Kategori lainnya

1.4.6

Unduh

Pilih pemilih daftar virtual V2

Komponen pemilih daftar virtual berdasarkan Element UI untuk versi Vue 2.

Demo daring

Petunjuk Penggunaan

npm i el-select-v2 npm i element-ui

  import Vue from 'vue' ;
// 必须引入 element-ui
import ElementUI from 'element-ui' ;
import 'element-ui/lib/theme-chalk/index.css' ;
import ElSelectV2 from 'el-select-v2' ;

Vue . use ( ElSelectV2 ) ;

< template >
  < el-select-v2 v-model = " value " :options = " options " />
</ template >

< script >
  export default {
    data () {
      return {
        options : [],
        value : ' ' ,
      };
    },
    created () {
      for ( let i = 0 ; i < 10000 ; i ++ ) {
        this . options . push ({
          value : ` value ${ i + 1 } ` ,
          label : ` label ${ i + 1 } ` ,
        });
      }
    },
  };
</ script >

Kode sampel

Pilih Atribut

parameter	menjelaskan	jenis	Nilai opsional	nilai bawaan
nilai/v-model	Nilai yang mengikat	boolean/string/angka	—	—
pilihan	Daftar data	susunan	—	—
kunci nilai	nama kunci nilai	rangkaian	—	nilai
kunci label	nama kunci label	rangkaian	—	label
tombol opsi (1.4.6)	nama kunci opsi	rangkaian	—	pilihan
kunci dinonaktifkan (1.4.1)	nama kunci yang dinonaktifkan	rangkaian	—	dengan disabilitas
kunci objek (1.4.0)	Nama kunci ketika nilai terikat adalah tipe objek	rangkaian	—	nilai
ukuran item minimum	Tinggi minimum untuk setiap opsi	nomor	—	34
banyak	Apakah akan memilih beberapa	boolean	—	PALSU
dengan disabilitas	Apakah akan menonaktifkan	boolean	—	PALSU
ukuran	Ukuran kotak masukan	rangkaian	sedang/kecil/mini	—
dapat dibersihkan	Apakah mungkin untuk menghapus opsi	boolean	—	PALSU
tag runtuh	Apakah akan menampilkan nilai yang dipilih sebagai teks saat membuat beberapa pilihan	boolean	—	PALSU
batas ganda	Jumlah maksimum item yang dapat dipilih pengguna saat membuat beberapa pilihan. Jika 0, tidak ada batasan.	nomor	—	0
nama	atribut nama dari input pilihan	rangkaian	—	—
pelengkapan otomatis	atribut pelengkapan otomatis dari input pilihan	rangkaian	—	mati
pengganti	pengganti	rangkaian	—	Silakan pilih
dapat disaring	Apakah dapat dicari?	boolean	—	PALSU
izinkan-buat	Apakah pengguna diizinkan membuat entri baru harus digunakan dengan `filterable`	boolean	—	PALSU
metode filter	Metode pencarian khusus	fungsi	—	—
terpencil	Baik itu pencarian jarak jauh	boolean	—	PALSU
metode jarak jauh	Metode pencarian jarak jauh	fungsi	—	—
memuat	Apakah data diperoleh dari jarak jauh	boolean	—	PALSU
memuat teks	Teks ditampilkan selama pemuatan jarak jauh	rangkaian	—	memuat
teks tidak cocok	Teks ditampilkan ketika tidak ada kondisi pencarian yang cocok, Anda juga dapat menggunakan pengaturan `slot="empty"`	rangkaian	—	Tidak ada data yang cocok
tanpa-data-teks	Teks yang ditampilkan ketika opsi kosong juga dapat diatur menggunakan `slot="empty"`	rangkaian	—	Tidak ada data
kelas popper	Pilih nama kelas dari kotak drop-down	rangkaian	—	—
kata kunci cadangan	Saat memilih banyak dan dapat dicari, apakah akan mempertahankan kata kunci pencarian saat ini setelah memilih opsi	boolean	—	BENAR
opsi default-pertama	Tekan Enter di kotak masukan dan pilih kecocokan pertama. Perlu digunakan dengan `filterable` atau `remote`	boolean	—	PALSU
popper-tambahkan-ke-tubuh	Apakah akan memasukkan kotak popup ke dalam elemen body. Jika ada masalah dengan posisi kotak pop-up, Anda dapat menyetel properti ini ke false	boolean	—	BENAR
dropdown otomatis	Untuk Pilih yang tidak dapat dicari, apakah menu opsi akan muncul secara otomatis setelah kotak input mendapatkan fokus	boolean	—	PALSU
lebar input pas (1.1.0)	Apakah lebar kotak drop-down sama dengan kotak masukan. Setelah disetel ke false, lebarnya akan dihitung secara otomatis dan kinerjanya akan berkurang.	boolean	—	BENAR

Pilih Acara

nama acara	menjelaskan	parameter panggilan balik
mengubah	Dipicu ketika nilai yang dipilih berubah	Nilai yang dipilih saat ini
perubahan yang terlihat	Dipicu ketika kotak drop-down muncul/bersembunyi	Benar jika muncul, salah jika disembunyikan
hapus-tag	Dipicu ketika tag dihapus dalam mode multi-pilih	Nilai tag dihapus
jernih	Dipicu ketika pengguna mengklik tombol hapus dalam mode radio yang dapat dihapus	—
mengaburkan	Dipicu ketika input kehilangan fokus	(acara: Acara)
fokus	Dipicu ketika input mendapat fokus	(acara: Acara)

Pilih Slot

nama	menjelaskan
—	Templat khusus, parameternya adalah { item }
tajuk (1.3.0)	Konten di bagian atas daftar drop-down
catatan kaki (1.3.0)	Konten di bagian bawah daftar drop-down
awalan	Pilih konten header komponen
kosong	Daftar tanpa opsi

Pilihan

parameter	menjelaskan	jenis	Nilai opsional	nilai bawaan
nilai	nilai opsi	string/angka/objek	—	—
label	Label opsi. Jika tidak disetel, defaultnya sama dengan `value`	string/angka	—	—
pilihan (1.2.0)	Opsi pengelompokan	susunan	—	—
dengan disabilitas	Apakah akan menonaktifkan opsi ini	boolean	—	PALSU