Vue.js（vue-flow-form）多步骤表单组件

 website 下载

描述：

一个Vue.js组件，用于创建表单向导，问卷调查，多步骤表单。

使用方法

1.导入流程图组件。

import FlowForm, { QuestionModel, QuestionType, ChoiceOption, LanguageModel } from ‘@ditdot-dev/vue-flow-form’

2.添加FlowForm组件。

<template>
  <flow-form v-bind:questions="questions" v-bind:language="language" />
</template>

3.在数组中定义问题

export default {
  name: 'example',
  components: {
    FlowForm
  },
  data() {
    return {
      language: new LanguageModel({
        // Your language definitions here (optional).
        // You can leave out this prop if you want to use the default definitions.
      }),
      questions: [
        // QuestioModel array
        new QuestionModel({
          question: 'Question',
          type: QuestionType.MultipleChoice,
          options: [
            new ChoiceOption({
              label: 'Answer'
            })
          ]
        })
      ]
    }
  }
}