vue andtv 如何将多选框勾选后输入文本框保存为json表单获取到数据库

Question

如何将多选框勾选后输入文本框保存为json获取到数据库

效果图如下:

多选框的label为字典循环获取,

代码如下：

 <a-checkbox-group>
          <a-col v-for="(item, index) in otherData" :key="index" :xs="20" :xl="5">
            <a-checkbox :value="item.id" style="margin-top: 5px">
              {{ item.key }}
            </a-checkbox>
            <a-input style="width: 50px" :max-length="3" size="small" />
            <span> 份</span>
          </a-col>
        </a-checkbox-group>

https://codesandbox.io/embed/...

此功能为表单，希望获取如下格式的json: {key:1,value:"22"} key为多选框的值，value为份数的值

Answer 1

可以参考下这个
https://codesandbox.io/s/vue-...