element dialog2

elemento-diálogo2

una extensión de element-dialog que te permite usarlo anidado

• dependencia
  elemento-ui

versiones

• 0.0.5
  Los eventos open y close no se $emited repetidamente.
• 0.0.4
  Actualmente [email protected]+ con [email protected]+ funciona correctamente.

uso

• instalar

  npm install element-dialog2 --save

• usar

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

• código

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

Atributos

Atributo	Comparar elemento	Descripción	Tipo	Valores aceptados	Por defecto
título	mismo	Título del Diálogo. También se puede pasar con una ranura con nombre (consulte la siguiente tabla)	cadena	—	—
tamaño	mismo	tamaño del diálogo	cadena	diminuto/pequeño/grande/completo	pequeño
arriba	mismo	valor para top del cuadro de diálogo CSS, funciona cuando size no está full	cadena	—	15%
modal	mismo	si se muestra una máscara	booleano	—	verdadero
modal-añadido-al-cuerpo	mismo	si se debe agregar modal al elemento del cuerpo. Si es falso, el modal se agregará al elemento principal de Dialog	booleano	—	verdadero
desplazamiento de bloqueo	mismo	si el desplazamiento del cuerpo está deshabilitado mientras se muestra el diálogo	booleano	—	verdadero
clase personalizada	mismo	nombres de clases personalizados para el diálogo	cadena	—	—
cierre-al-clic-modal	valor predeterminado diferente	si el cuadro de diálogo se puede cerrar haciendo clic en la máscara	booleano	—	false
escape cercano a la prensa	mismo	si el cuadro de diálogo se puede cerrar presionando ESC	booleano	—	verdadero
mostrar-cerrar	mismo	si mostrar un botón de cierre	booleano	—	verdadero
antes de cerrar	mismo	antes de cerrar (cerrar)	Función	—	nulo

• antes de cerrar nuevo en [email protected]+

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

Ranura

Nombre	Descripción
—	contenido del diálogo
título	Contenido del título del diálogo.
pie de página	contenido del pie de página del diálogo