vue qs form

vue-qs-form

Vue quick step form, Vue quick questionnaire form

Need to be used with element-ui https://github.com/elemefe

quick start

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

export default {
  name : 'App' ,

  components : {
    vueQsForm
  }
} 

Example

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

Props

parameter	illustrate	must	type	Optional value	default value
data	form data	yes	String	—	—
height	form height	no	String	—	250px
autoNext	Whether to automatically next step	no	Boolean	true/false	false
prevBtnText	Previous button text	no	String	—	Previous step
nextBtnText	Next button text	no	String	—	Next step
submitBtnText	Done button text	no	String	—	submit

Event

event name	illustrate	callback parameters
submit	Click submit event	form data
atend	reach the end	-

Function

method name	illustrate	callback parameters
restForm	Reset form	-

License

Vue-qs-form is open-sourced software licensed under the MIT license