element dialog2

Element-Dialog2

uma extensão de elemento-dialog que permite que você o use aninhado

• dependência
  Element-ui

versões

• 0.0.5
  Os $emited open e close não serão repetidos.
• 0.0.4
  Atualmente, [email protected]+ com [email protected]+ Trabalho correto.

USEAGE

• 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	Compare elemento	Descrição	Tipo	Valores aceitos	Padrão
título	mesmo	Título da caixa de diálogo. Também pode ser passado com um slot nomeado (consulte a tabela a seguir)	corda	-	-
tamanho	mesmo	Tamanho da caixa de diálogo	corda	Pequeno/pequeno/grande/completo	pequeno
principal	mesmo	valor para top da caixa de diálogo, funciona quando size não está full	corda	-	15%
modal	mesmo	se uma máscara é exibida	booleano	-	verdadeiro
Modal-Append-to-Body	mesmo	Se deve anexar modal ao elemento corporal. Se falso, o modal será anexado ao elemento pai de diálogo	booleano	-	verdadeiro
Rolagem de bloqueio	mesmo	Se o rolo do corpo está desativado enquanto a caixa de diálogo é exibida	booleano	-	verdadeiro
classe personalizada	mesmo	nomes de classe personalizados para diálogo	corda	-	-
Clique no clique-modal	DIFRENTE DE VALOR PADRÃO	se a caixa de diálogo pode ser fechada clicando na máscara	booleano	-	false
Close-on-Press-Escape	mesmo	Se a caixa de diálogo pode ser fechada pressionando ESC	booleano	-	verdadeiro
Mostrar perto	mesmo	Se deve mostrar um botão de fechar	booleano	-	verdadeiro
Antes de perto	mesmo	beforeClose (perto)	Função	-	nulo

• beforeClose novo em [email protected]+

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

Slot

Nome	Descrição
-	Conteúdo da caixa de diálogo
título	Conteúdo do título de diálogo
rodapé	conteúdo do rodapé de diálogo