vue qs form

formulário vue-qs

Formulário de etapa rápida Vue, formulário de questionário rápido Vue

Precisa ser usado com element-ui https://github.com/elemefe

início rápido

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

export default {
  name : 'App' ,

  components : {
    vueQsForm
  }
} 

Exemplo

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

Adereços

parâmetro	ilustrar	deve	tipo	Valor opcional	valor padrão
dados	dados do formulário	sim	Corda	-	-
altura	altura do formulário	não	Corda	-	250 pixels
autoPróximo	Se a próxima etapa será automaticamente	não	Booleano	verdadeiro/falso	falso
anteriorBtnText	Texto do botão anterior	não	Corda	-	Etapa anterior
próximoBtnText	Texto do próximo botão	não	Corda	-	Próxima etapa
enviarBtnText	Texto do botão Concluído	não	Corda	-	enviar

Evento

nome do evento	ilustrar	parâmetros de retorno de chamada
enviar	Clique em enviar evento	dados do formulário
comparecer	chegar ao fim	-

Função

nome do método	ilustrar	parâmetros de retorno de chamada
restForm	Redefinir formulário	-

Licença

Vue-qs-form é um software de código aberto licenciado sob a licença MIT