vue qs form

VUE-QS-Form

Vue Quick Step Form Form, Vue Fast Fragebogen -Liste

Sie müssen mit Element- UI zusammenarbeiten, um https://github.com/elemefe zu verwenden

Fangen Sie schnell an

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

export default {
  name : 'App' ,

  components : {
    vueQsForm
  }
} 

Vorbildliches Beispiel

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

Requisiten

Parameter	veranschaulichen	muss	Typ	Optionaler Wert	Standardwert
Daten	Datenformular	Ja	Saite	—————St	—————St
Höhe	Höhe	NEIN	Saite	—————St	250px
Autonext	Ob der nächste Schritt automatisch ist	NEIN	Boolean	wahr/falsch	FALSCH
prevbtnText	Vorheriger Schaltfläche Text	NEIN	Saite	—————St	Zuletzt
NextBtnText	Nächster Schaltfläche Text	NEIN	Saite	—————St	Nächster Schritt
submitBTnText	Füllen Sie den Schaltflächentext aus	NEIN	Saite	—————St	einreichen

Ereignis

Ereignisname	veranschaulichen	Rückrufparameter
einreichen	Klicken Sie hier, um das Ereignis einzureichen	Datenformular
Atend	Das Ende erreichen	- -

Funktion

Methodenname	veranschaulichen	Rückrufparameter
ruhen	Formular zurücksetzen	- -

Lizenz

VUE-QS-Form ist Open-Sourcing-Software, die im Rahmen der MIT-Lizenz lizenziert ist