vue下拉选择怎么动态关联,form模板

发布于 2022-09-12 22:55:11 字数 1651 浏览 11 评论 0

怎么根据下列数据,渲染出一个 select下列,下拉选项(是)上面绑定有一个模板templateParams,下拉选择是(是)的时候,在下拉框底部在渲染出templateParams中的的项,为input框

//dom

//data
        paramsList: [{
            "id": 2,
            "domain": "cam",
            "type": 1, 
            "display": 2, //展现样式:1文本框 2.下拉单选 3.取值
            "name": "Array设计\n", 
            "keyJson": "arrayFlag", 
            "sort": 0,
            "options": [{
                    "id": 1,
                    "paramId": 2,
                    "optionName": "是", //选项名称
                    "optionVal": "true", //选项值
                    "tempId": 1,
                    "templateParams": [ //联动参数
                        {
                            "id": 1,
                            "templateId": null,
                            "display": 1,
                            "name": "Array 阵列间距y轴", 
                            "keyJson": "arrayFlag", 
                            "sort": null
                        },
                        {
                            "id": 2,
                            "templateId": null,
                            "display": 1,
                            "name": "Array 阵列间距X轴",
                            "keyJson": "arrayFlag", 
                            "sort": null
                        }
                    ]
                },
                {
                    "id": 2,
                    "paramId": 2,
                    "optionName": "否",
                    "optionVal": "false",
                    "tempId": null,
                    "templateParams": []
                }
            ]
        }]

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文