element dialog2

elemen-dialog2

perpanjangan dari dialog elemen yang memungkinkan Anda menggunakannya secara bersarang

• ketergantungan
  elemen-ui

versi

• 0,0.5
  acara open dan close tidak akan $emited berulang.
• 0,0.4
  saat ini [email protected]+ dengan [email protected]+ berfungsi dengan benar.

penggunaan

• memasang

  npm install element-dialog2 --save

• menggunakan

   //common 
  var ElDialog2 = require ( 'element-dialog2' ) ;
  Vue . component ( ElDialog2 . name , ElDialog2 ) ;
  //import form source
  import ElDialog2 from 'element-dialog2/src/index.js' ;
  Vue . component ( ElDialog2 . name , ElDialog2 )

• kode

   < el-dialog2 title =" this is title "  v-if =" showed " v-model =" showed "
      v-on:close =" handleClose " >
      < span > code of $slots.default </ span >
      < div slot =" footer " >
          code of $slots.footer
      </ div >
  </ el-dialog2 > 

   < el-dialog2   v-if =" showed " v-model =" showed "
      v-on:close =" handleClose " >
      < div slot =" title " >
          this is title
      </ div >
      < span > code of $slots.default </ span >
      < div slot =" footer " >
          code of $slots.footer
      </ div >
  </ el-dialog2 >

Atribut

Atribut	Bandingkan Elemen	Keterangan	Jenis	Nilai yang Diterima	Bawaan
judul	sama	judul Dialog. Bisa juga dilewati dengan slot bernama (lihat tabel berikut)	rangkaian	—	—
ukuran	sama	ukuran Dialog	rangkaian	kecil/kecil/besar/penuh	kecil
atas	sama	nilai untuk top Dialog CSS, berfungsi ketika size tidak full	rangkaian	—	15%
modal	sama	apakah topeng ditampilkan	boolean	—	BENAR
modal-tambahkan-ke-tubuh	sama	apakah akan menambahkan modal ke elemen body. Jika salah, modal akan ditambahkan ke elemen induk Dialog	boolean	—	BENAR
gulir kunci	sama	apakah gulir badan dinonaktifkan saat Dialog ditampilkan	boolean	—	BENAR
kelas khusus	sama	nama kelas khusus untuk Dialog	rangkaian	—	—
tutup-saat-klik-modal	nilai defaultnya berbeda	apakah Dialog dapat ditutup dengan mengklik mask	boolean	—	false
close-on-press-escape	sama	apakah Dialog dapat ditutup dengan menekan ESC	boolean	—	BENAR
pertunjukan-dekat	sama	apakah akan menampilkan tombol tutup	boolean	—	BENAR
sebelum-tutup	sama	sebelum tutup (tutup)	Fungsi	—	batal

• sebelumTutup baru di [email protected]+

      beforeClose ( close ) {
          if ( ... ) {
              // hook of close
              close ( ) ;
          }
      }

celah

Nama	Keterangan
—	isi Dialog
judul	isi judul Dialog
catatan kaki	isi footer Dialog