element dialog2

élément-dialog2

une extension d'element-dialog qui vous permet de l'utiliser imbriqué

• dépendance
  élément-ui

variantes

• 0,0,5
  les événements open et close ne seront pas $emited répétés.
• 0.0.4
  actuellement [email protected]+ avec [email protected]+ fonctionne correctement.

utilisation

• installer

  npm install element-dialog2 --save

• utiliser

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

Attributs

Attribut	Comparer l'élément	Description	Taper	Valeurs acceptées	Défaut
titre	même	titre du Dialogue. Peut également être transmis avec un emplacement nommé (voir le tableau suivant)	chaîne	—	—
taille	même	taille du dialogue	chaîne	petit/petit/grand/plein	petit
haut	même	valeur pour top du Dialog CSS, fonctionne lorsque size n'est pas full	chaîne	—	15%
modal	même	si un masque est affiché	booléen	—	vrai
ajout modal au corps	même	s'il faut ajouter un modal à l'élément body. Si faux, le modal sera ajouté à l'élément parent de Dialog	booléen	—	vrai
verrouillage-défilement	même	si le défilement du corps est désactivé lorsque la boîte de dialogue est affichée	booléen	—	vrai
classe personnalisée	même	noms de classe personnalisés pour Dialog	chaîne	—	—
fermer-sur-clic-modal	valeur par défaut différente	si la boîte de dialogue peut être fermée en cliquant sur le masque	booléen	—	false
gros plan sur presse évasion	même	si la boîte de dialogue peut être fermée en appuyant sur ESC	booléen	—	vrai
afficher-fermer	même	s'il faut afficher un bouton de fermeture	booléen	—	vrai
avant la clôture	même	avant de fermer (fermer)	Fonction	—	nul

• avantFermer nouveau dans [email protected]+

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

Fente

Nom	Description
—	contenu du dialogue
titre	contenu du titre de la boîte de dialogue
pied de page	contenu du pied de page de la boîte de dialogue