具有动态反馈的Vue动态表单

时间:2018-11-03 15:02:13

标签: javascript validation vuejs2 vue-component

我有一种情况,我想根据外部JSON响应在Vue中创建一个表单,该JSON响应规定了表单字段,并根据表单中的选择进行了反馈。

这是我想到的JSON问题格式的代码段:

{
      "questionId": 23,
      "questionText": "Do you need help completing this questionnaire?",
      "questionName": "need-help",
      "answerType": "radio",
      "answers": [
        {
          "id": 1,
          "answerText": "Yes",
          "answerFeedbackType": "error",
          "answerFeedback": "At the moment we cannot complete the intake procedure. Please contact us by sending an e-mail and we'll help you towards your subscription."
        },
        {
          "id": 2,
          "answerText": "No"
        }
      ]
    },

此刻,我将这些数据传递给一个Question组件,其中为该数据对象的每个键提供了道具。这是从我在其中加载JSON的Form组件加载的,并循环了所有问题。我应该如何确定当用户单击反馈类型为“错误”的选项时是否显示通知,并检测用户是否实际上填写了每个字段?

0 个答案:

没有答案