vue qs form

vue-qs-форма

Быстрая пошаговая форма Vue, быстрая анкета Vue

Необходимо использовать с element-ui https://github.com/elemefe.

быстрый старт

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

export default {
  name : 'App' ,

  components : {
    vueQsForm
  }
} 

Пример

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

Реквизит

параметр	иллюстрировать	должен	тип	Необязательное значение	значение по умолчанию
данные	данные формы	да	Нить	—	—
высота	высота формы	нет	Нить	—	250 пикселей
автоследующий	Автоматически ли выполнять следующий шаг	нет	логическое значение	правда/ложь	ЛОЖЬ
prevBtnText	Предыдущий текст кнопки	нет	Нить	—	Предыдущий шаг
следующийBtnText	Текст кнопки «Далее»	нет	Нить	—	Следующий шаг
ОтправитьBtnText	Текст кнопки «Готово»	нет	Нить	—	представлять на рассмотрение

Событие

название события	иллюстрировать	параметры обратного вызова
представлять на рассмотрение	Нажмите «Отправить событие».	данные формы
присутствовать	дойти до конца	-

Функция

имя метода	иллюстрировать	параметры обратного вызова
restForm	Сбросить форму	-

Лицензия

Vue-qs-form — это программное обеспечение с открытым исходным кодом, лицензированное по лицензии MIT.