Javascript ue=v； _恢复=假； } 开关（this.rules[i].name）{ “1972年法案”案： “1961年法令”案： var a=数组.isArray（v）； if（a | | null==v | | object'！==typeof v）{ 集合（d，'值'，{}）； } 如果（_还原）{ 本文件为第（i）款； } 打破 违约： 如果（_restore&&undefined！=_v）{ d、 值=_v； } 打破 } }, setRuleDataType:函数（i，k）{ if（this.rules[i]&&this.rules[i].data[0]）{ 如果（！k | |'head'==k）{ 此._setRuleDataHeadDataType（i）； } 如果（！k | | value'==k）{ 此._setRuleDataValueDataType（i）； } } } } }) 尝试不同的选项并查看JSON输出更改。

这是第一部分，对我来说很好

表演 1972年法令 2012年规则（CEMR） 1961年法令 部分 选择Act时，这里是rules.data.head。对我来说很好

武器 选择Rule 2012时，在这种情况下如何传递值rules.data.head。这里有两个输入字段

项目 查获数量 当选择Act时，1931是一个选择选项，我需要从这里选择多个选项，并将值作为rules.data.head传递//选择多个选项后，我有与选项对应的输入字段。这将作为rules.data.value.发送。。怎么 这样做

挑选 生活 恩芒 如果选项为1，我应该显示该值并将其作为rules.data.value传递。这里有两个如何传递值的输入字段

区域1 区域2 不 模型

bok的JSON值
{{JSON.stringify（bok）}
添加另一条规则

我的看法，

基于您提供的HTML，创建一个数据属性=ruleTemplate（它确保v-model具有相关的表单控件）

添加新规则时，将模板的一个克隆推送到规则中

当您需要数据时，只需将规则转换为特定格式，如

this.getFormattedRules

在下面的演示中

下面是演示：

addForm=new Vue({
el:“添加表单”，
数据：{
规则模板：{
名称：“”，
第节：“”，
子菜单：{
“1972年法案”：“，
'规则，2012'：{'item'：''，'qty'：'''}，
《1961年法案》：{'head'：[]，选项：{'option1'：''，'option2'：''}
}
},
规则：[{
名称：“”，
第节：“”，
子菜单：{
“1972年法案”：“，
'规则，2012'：{'item'：''，'qty'：'''}，
《1961年法案》：{'head'：[]，选项：{'option1'：''，'option2'：''}
}
}
],
},
计算：{
FormattedJSON:函数（）{
let handler1972=函数（数据）{
返回[{'head'：'Arms'，'value'：data}]
}
let handler2012=函数（数据）{
返回[{'head'：'item'，'value'：data.item}，{'head'：'qty'，'value'：data.qty}]
}
let handler1961=函数（数据）{
返回[{'head'：'option1'，'value'：data.options.option1}，{'head'：'option1'，'value'：data.options.option2}]
}
let handlers={'Act，1972'：handler1972'Rule，2012'：handler2012'Act，1961'：handler1961
}
返回此.rules.map（（rule）=>{
让FormattedRule=新对象（）
//将规则转换为特定格式
FormattedRule.name=规则.name
FormattedRule.section=规则.section
handler=handlers[rule.name]
FormattedRule.data=handler？handler（rule.subMenu[rule.name]）：[]
返回格式化规则
})
}
},
方法：{
addNewRules:function（）{
this.rules.push（Object.assign（{}，this.ruleTemplates））
}
}
})

。显示格式{
位置：绝对位置；
顶部：2个；
右-4px；
背景颜色：灰色
}

格式：{{formattedjson}}
这是第一部分，对我来说很好

表演
1972年法令
2012年规则（CEMR）
1961年法令
rules : [{
        name:null,
        section:null,
        data   : [{head:null,value:null}]
    }],