Vuejs2 Vuejs，用于创建带有是/否嵌套问题的动态调查表

我必须设计一个表格，我已经显示了一个问题和嵌套的多个问题。第一个问题总是带有是/否选项的单选按钮

嵌套的问题也可以是是/否、输入框或下拉列表

我想使用日期选择器的

bootstrap

、

vue js

和

Kendo ui

动态创建调查表单

对于验证，我将在输入中传递所需的属性

基本上我的问题设置是这样的

到目前为止，我已经实现了

newvue({
el:“#应用程序”，
方法：{}，
数据：{
索引：0，
问:[{
id:1，
值：null，
问题：“你至少16岁吗？”，
键入：“收音机”，
选项：[{
文本：“是”，
值：“0”
}, {
文本：“否”，
值：“1”
}]
},
{
id:2，
值：null，
问题：“你是大学毕业生吗？”，
键入：“收音机”，
名称：“学院”，
儿童：[{
id:3，
值：null，
问题：“请选择你的学位。”，
键入：“文本”，
名称：“学位”，
选项：空
}],
选项：[{
文本：“是”，
值：“0”
},
{
文本：“否”，
值：“1”
}
]
}
]
}
})

关于您的问题#1：

从数据开始是不够的，因为这些问题似乎没有您将根据单选按钮提出的可选问题

这是一个带有可选问题的简单HTML实现。您可以相应地将其调整为引导vue

---

简而言之，在可选问题中存储一个名为

条件的值，该值在显示可选问题时具有预期值，并对问题执行
v-if=“q.value===条件
。
我已在代码中更新了问题1的问题。