vue qs form

formulaire vue-qs

Formulaire d'étape rapide Vue, formulaire de questionnaire rapide Vue

Doit être utilisé avec element-ui https://github.com/elemefe

démarrage rapide

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

export default {
  name : 'App' ,

  components : {
    vueQsForm
  }
} 

Exemple

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

Accessoires

paramètre	illustrer	doit	taper	Valeur facultative	valeur par défaut
données	données du formulaire	Oui	Chaîne	—	—
hauteur	hauteur de forme	Non	Chaîne	—	250px
autoSuivant	S'il faut automatiquement passer à l'étape suivante	Non	Booléen	vrai/faux	FAUX
précédentBtnText	Texte du bouton précédent	Non	Chaîne	—	Étape précédente
suivantBtnText	Texte du bouton suivant	Non	Chaîne	—	Étape suivante
soumettreBtnText	Texte du bouton Terminé	Non	Chaîne	—	soumettre

Événement

nom de l'événement	illustrer	paramètres de rappel
soumettre	Cliquez sur soumettre l'événement	données du formulaire
assister	atteindre la fin	-

Fonction

nom de la méthode	illustrer	paramètres de rappel
reposForm	Réinitialiser le formulaire	-

Licence

Vue-qs-form est un logiciel open source sous licence MIT