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 ( ) ;
          }
      }

投币口

姓名	描述
—	对话框内容
标题	对话框标题的内容
页脚	对话框页脚的内容