element dialog2

Element-Dialog2

ส่วนขยายขององค์ประกอบ dialog ที่อนุญาตให้คุณใช้มันซ้อนกัน

• การพึ่งพาอาศัยกัน
  Element-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%
เป็นโมฆะ	เดียวกัน	ไม่ว่าจะมีการแสดงหน้ากาก	บูลีน	-	จริง
โมดอล-ต่อร่างกาย	เดียวกัน	ไม่ว่าจะต่อท้ายองค์ประกอบของร่างกาย หากเป็นเท็จ modal จะถูกผนวกเข้ากับองค์ประกอบหลักของกล่องโต้ตอบ	บูลีน	-	จริง
ล็อคสปริง	เดียวกัน	ไม่ว่าจะเป็นแบบเลื่อนของร่างกายในขณะที่กล่องโต้ตอบจะปรากฏขึ้น	บูลีน	-	จริง
แบบกำหนดเอง	เดียวกัน	ชื่อคลาสที่กำหนดเองสำหรับกล่องโต้ตอบ	สาย	-	-
อย่างใกล้ชิดคลิกโมดอล	ค่าเริ่มต้นที่แตกต่างกัน	ไม่ว่าจะสามารถปิดกล่องโต้ตอบได้โดยคลิกที่หน้ากาก	บูลีน	-	false
อย่างใกล้ชิด	เดียวกัน	ไม่ว่าจะเป็นกล่องโต้ตอบที่สามารถปิดได้โดยการกด ESC	บูลีน	-	จริง
การแสดงอย่างใกล้ชิด	เดียวกัน	ไม่ว่าจะแสดงปุ่มปิด	บูลีน	-	จริง
ก่อนปิด	เดียวกัน	beforeclose (ปิด)	การทำงาน	-	โมฆะ

• beforeclose ใหม่ใน [email protected]+

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

ช่องเสียบ

ชื่อ	คำอธิบาย
-	เนื้อหาของบทสนทนา
ชื่อ	เนื้อหาของชื่อโต้ตอบ
ส่วนท้าย	เนื้อหาของส่วนท้ายของกล่องโต้ตอบ