【Vue】vue表单如何设计

【Vue】vue表单如何设计
各位大佬，我有一个表单，其中一个表单原来是这样显示的。勾选了复选框后输入对应的份数，所有后端就应该获取两个数据，一个是复选框对应的值，以及复选框对应的文本框数据，但是这样获取太麻烦了，后端数据库也不怎么设计对应数据，有没有大神给一个好的办法。

回答

用一个字段表示值，值为大于零的整数时则勾选，并显示该数字。即不勾选则为0，勾选后输入数字（可默认某数）则为该数字

后端只记录“份数”即可，前端这边根据：“份数” 不是 true，复选框勾选，否则不勾选

key: value的形式

{
    "方案册": 2
}

不太懂每一项前面有个复选框是啥意思，正常来说只要修改后面份数，change事件调接口穿对应字段名和值就行了

ajax(url,{plan:4})

我认为更好的解决办法是只用一个字符串搞定，前后端通讯每次都是全量修改

ajax(url,{
    context:JSON.sting({
        plan1:10,
        plan2:2,
        plan3:3,
        plan4:5,
        .
        .
        .
    })
})

然后展示数据时候你就将拿到的字符串JSON.parse一下。
这样做的好处是很自由，因为看你图片上列得那些item，一定是会新增的。如果用传统方式，每新增一个册子前后端就得商量下叫啥名，但是改为json后，以后你自己命名就行了，一劳永逸

以上是 【Vue】vue表单如何设计 的全部内容， 来源链接： utcz.com/a/79407.html

回到顶部