vue qs form

Vue-Qs-forma

Formulario de paso rápido Vue, lista de cuestionario rápido Vue

Necesita cooperar con elementos- ui para usar https://github.com/elemefe

Empezar rápidamente

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

export default {
  name : 'App' ,

  components : {
    vueQsForm
  }
} 

Ejemplo ejemplar

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

Accesorios

parámetro	ilustrar	debe	tipo	Valor opcional	valor predeterminado
Datos	Formulario de datos	Sí	Cadena	————	————
altura	Altura	No	Cadena	————	250px
Autonext	Si el siguiente paso es automáticamente	No	Booleano	verdadero/falso	FALSO
PrevbtnText	Texto del botón anterior	No	Cadena	————	Último
NextBtnText	Texto del botón siguiente	No	Cadena	————	Siguiente paso
SubtBtnText	Completa el texto del botón	No	Cadena	————	entregar

Evento

Nombre del evento	ilustrar	Parámetro de devolución de llamada
entregar	Haga clic para enviar el evento	Formulario de datos
atender	Llegar al final	-

Función

Nombre del método	ilustrar	Parámetro de devolución de llamada
reposición	Reiniciar	-

Licencia

Vue-QS-form es software de código abierto con licencia bajo la licencia MIT