ดาวน์โหลด vue qs form - ดาวน์โหลด vue qs form ซอร์สโค้ด

vue qs form

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

vue-qs-แบบฟอร์ม

แบบฟอร์มขั้นตอนด่วนของ Vue, แบบฟอร์มแบบสอบถามด่วนของ Vue

จำเป็นต้องใช้กับ element-ui https://github.com/elemefe

เริ่มต้นอย่างรวดเร็ว

 import Vue from 'vue'
import vueQsForm from 'vue-qs-form'

export default {
  name : 'App' ,

  components : {
    vueQsForm
  }
}

ตัวอย่าง

< template >
  < vue-qs-form v-model = " form " :data = " data " @finish = " submitForm " ></ vue-qs-form >
</ template >

< script >
import vueQsForm from ' vue-qs-form '

export default {
  name : ' App ' ,
  components : {
    vueQsForm
  },

  data : () => ({
    form : ' ' ,
    data : [
      {
        ' key ' : ' qa1 ' ,
        ' title ' : '问题一' ,
        ' radios ' : [
          [ 0 , '否' ],
          [ 1 , '是' ]
        ]
      },
      {
        ' key ' : ' qa2 ' ,
        ' title ' : '问题二' ,
        ' radios ' : [
          [ 0 , '否' ],
          [ 1 , '是' ]
        ]
      }
    ]
  }),
}
</ script >

อุปกรณ์ประกอบฉาก

พารามิเตอร์	แสดงให้เห็น	ต้อง	พิมพ์	ค่าที่ไม่บังคับ	ค่าเริ่มต้น
ข้อมูล	ข้อมูลแบบฟอร์ม	ใช่	สตริง	-	-
ความสูง	ความสูงของแบบฟอร์ม	เลขที่	สตริง	-	250px
อัตโนมัติถัดไป	ไม่ว่าจะทำขั้นตอนต่อไปโดยอัตโนมัติ	เลขที่	บูลีน	จริง/เท็จ	เท็จ
ก่อนหน้าBtnText	ข้อความปุ่มก่อนหน้า	เลขที่	สตริง	-	ขั้นตอนก่อนหน้า
ถัดไปBtnText	ข้อความปุ่มถัดไป	เลขที่	สตริง	-	ขั้นตอนต่อไป
sendBtnText	ข้อความปุ่มเสร็จสิ้น	เลขที่	สตริง	-	ส่ง

เหตุการณ์

ชื่อเหตุการณ์	แสดงให้เห็น	พารามิเตอร์การโทรกลับ
ส่ง	คลิกส่งกิจกรรม	ข้อมูลแบบฟอร์ม
เข้าร่วม	ถึงจุดสิ้นสุด	-