element dialog2

元素對話框2

element-dialog 的擴展，允許您嵌套使用它

• 依賴
  元素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 >

屬性

屬性	比較元素	描述	類型	可接受的值	預設
標題	相同的	對話框的標題。也可以透過命名槽傳遞（見下表）	細繩	—	—
尺寸	相同的	對話框的大小	細繩	小/小/大/滿	小的
頂部	相同的	對話方塊 CSS top的值，在size full時起作用	細繩	—	15%
模態	相同的	是否顯示遮罩	布林值	—	真的
模態附加到正文	相同的	是否將模態附加到 body 元素。如果為 false，模態將附加到 Dialog 的父元素	布林值	—	真的
鎖定滾動	相同的	顯示對話方塊時是否停用正文捲動	布林值	—	真的
客製化等級	相同的	對話框的自訂類別名	細繩	—	—
點選關閉模式	預設值不同	是否可以透過點選蒙版來關閉對話框	布林值	—	false
近距離按下逃逸	相同的	對話框是否可以按ESC關閉	布林值	—	真的
演出結束	相同的	是否顯示關閉按鈕	布林值	—	真的
收盤前	相同的	關閉前（關閉）	功能	—	無效的

• beforeClose [email protected]+中的新功能

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

投幣口

姓名	描述
—	對話方塊內容
標題	對話框標題的內容
頁尾	對話方塊頁腳的內容