element dialog2

element-dialog2

eine Erweiterung von element-dialog, die es Ihnen ermöglicht, es verschachtelt zu verwenden

• Abhängigkeit
  element-ui

Versionen

• 0,0,5
  open und close werden nicht wiederholt $emited .
• 0,0,4
  Derzeit funktionieren [email protected]+ und [email protected]+ korrekt.

Nutzung

• installieren

  npm install element-dialog2 --save

• verwenden

   //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 )

• Code

   < 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 >

Attribute

Attribut	Element vergleichen	Beschreibung	Typ	Akzeptierte Werte	Standard
Titel	Dasselbe	Titel des Dialogs. Kann auch mit einem benannten Slot übergeben werden (siehe folgende Tabelle)	Zeichenfolge	—	—
Größe	Dasselbe	Größe des Dialogs	Zeichenfolge	winzig/klein/groß/voll	klein
Spitze	Dasselbe	Wert für top des Dialog-CSS, funktioniert, wenn size nicht full ist	Zeichenfolge	—	15 %
modal	Dasselbe	ob eine Maske angezeigt wird	Boolescher Wert	—	WAHR
Modal-an-Körper anhängen	Dasselbe	ob Modal an das Körperelement angehängt werden soll. Bei „false“ wird das Modal an das übergeordnete Element von Dialog angehängt	Boolescher Wert	—	WAHR
Lock-Scroll	Dasselbe	ob das Scrollen des Körpers deaktiviert ist, während der Dialog angezeigt wird	Boolescher Wert	—	WAHR
benutzerdefinierte Klasse	Dasselbe	benutzerdefinierte Klassennamen für Dialog	Zeichenfolge	—	—
Close-on-Click-modal	Standardwert unterschiedlich	ob der Dialog durch Klicken auf die Maske geschlossen werden kann	Boolescher Wert	—	false
Close-on-Press-Escape	Dasselbe	ob der Dialog durch Drücken von ESC geschlossen werden kann	Boolescher Wert	—	WAHR
zeigen-nah	Dasselbe	ob eine Schließen-Schaltfläche angezeigt werden soll	Boolescher Wert	—	WAHR
vor-schließen	Dasselbe	beforeclose(close)	Funktion	—	null

• beforeClose neu in [email protected]+

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

Slot

Name	Beschreibung
—	Inhalt des Dialogs
Titel	Inhalt des Dialogtitels
Fußzeile	Inhalt der Dialogfußzeile