Vue quick step form
Vue快速问卷表单
Необходимо использовать совместно с element-ui https://github.com/elemefe
import Vue from 'vue'
import vueQsForm from 'vue-qs-form'
export default {
name: 'App',
components: {
vueQsForm
}
}
<template>
<vueQsForm v-model="form" :data="data" @finish="submitForm"></vueQsForm>
</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>
Параметр | Описание | Обязателен | Тип | Возможные значения | Значение по умолчанию |
---|---|---|---|---|---|
data | Данные формы | Да | String | — | — |
height | Высота формы | Нет | String | — | 250px |
autoNext | Автоматическое перемещение к следующему шагу | Нет | Boolean | true/false | false |
prevBtnText | Текст кнопки «Назад» | Нет | String | — | Назад |
nextBtnText | Текст кнопки «Далее» | Нет | String | — | Далее |
submitBtnText | Текст кнопки завершения | Нет | String | — | Отправить |
Событие | Описание | Параметры обратного вызова |
---|---|---|
submit | Событие нажатия на кнопку отправки | Данные формы |
atend | Достижение конца формы | - |
Метод | Описание | Параметры обратного вызова |
---|---|---|
restForm | Сброс формы | - |
Программное обеспечение Vue-qs-form является открытым исходным кодом и распространяется под лицензией MIT license.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )