element dialog2

элемент-диалог2

расширение диалога элемента, которое позволяет использовать его вложенным

• зависимость
  элемент-UI

версии

• 0.0.5
  open и close события не $emited повторяться.
• 0.0.4
  в настоящее время [email protected]+ с [email protected]+ работают правильно.

использование

• установить

  npm install element-dialog2 --save

• использовать

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

• код

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

Атрибуты

Атрибут	Сравнить элемент	Описание	Тип	Принятые значения	По умолчанию
заголовок	такой же	заголовок Диалога. Также может передаваться с именованным слотом (см. следующую таблицу).	нить	—	—
размер	такой же	размер диалогового окна	нить	крошечный/маленький/большой/полный	маленький
вершина	такой же	значение для top диалогового окна CSS, работает, когда size не full	нить	—	15%
модальный	такой же	отображается ли маска	логическое значение	—	истинный
модальное добавление к телу	такой же	добавлять ли модальный элемент к элементу body. Если false, модальное окно будет добавлено к родительскому элементу Dialog.	логическое значение	—	истинный
блокировка прокрутки	такой же	отключена ли прокрутка тела во время отображения диалогового окна	логическое значение	—	истинный
индивидуальный класс	такой же	пользовательские имена классов для диалога	нить	—	—
модальное закрытие по клику	значение по умолчанию отличается	можно ли закрыть Диалог, щелкнув маску	логическое значение	—	false
близкое нажатие на побег	такой же	можно ли закрыть Диалог нажатием ESC	логическое значение	—	истинный
показать-закрыть	такой же	показывать ли кнопку закрытия	логическое значение	—	истинный
до закрытия	такой же	преждезакрыть (закрыть)	Функция	—	нулевой

• beforeЗакрыть новое в [email protected]+

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

Слот

Имя	Описание
—	содержание диалога
заголовок	содержание заголовка диалога
нижний колонтитул	содержимое нижнего колонтитула диалога