1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/xank-vue-qs-form

Клонировать/Скачать
README.md 2.9 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 30.11.2024 04:13 e90c35c

Vue quick step form

Vue快速问卷表单

npm

npm

npm

Build Status

Codecov

npm

Необходимо использовать совместно с 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>

Props

Параметр Описание Обязателен Тип Возможные значения Значение по умолчанию
data Данные формы Да String
height Высота формы Нет String 250px
autoNext Автоматическое перемещение к следующему шагу Нет Boolean true/false false
prevBtnText Текст кнопки «Назад» Нет String Назад
nextBtnText Текст кнопки «Далее» Нет String Далее
submitBtnText Текст кнопки завершения Нет String Отправить

Event

Событие Описание Параметры обратного вызова
submit Событие нажатия на кнопку отправки Данные формы
atend Достижение конца формы -

Function

Метод Описание Параметры обратного вызова
restForm Сброс формы -

Лицензия

Программное обеспечение Vue-qs-form является открытым исходным кодом и распространяется под лицензией MIT license.

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/xank-vue-qs-form.git
git@api.gitlife.ru:oschina-mirror/xank-vue-qs-form.git
oschina-mirror
xank-vue-qs-form
xank-vue-qs-form
master