vue种不知道次数的循环绑定怎么实现？急急

Question

数组是这样的

"stoneList": {
            "20": [
                {//数组中有多少个对象不确定。
                    "stone_name": "极品1",
                    "type": "1"
                },
                {
                    "stone_name": "极品2",
                    "type": "2"
                }
            ],
            "26": [
                {
                    "stone_name": "3克拉1",
                    "type": "1"
                }
            ],
        },

实现的样式：

用石和碎石掉石 可以填写。。填写完了需要传给服务器。

假设这个钻戒订单是20号对应stoneList里面20属性，我点击button。。需要填写用了什么石头。但是其实里面具体使用了几类石头我并不知道。。所以怎么循环，最后还能提交填写的东西、。下面的图是根据这个钻戒用了几种类型石头自动生成的。。比如用N个。我怎么和N个表单绑定，最后还能提交N个表单

| 配石：XXXX |

| 用石【5】碎石【2】掉石【2】 |

---

| 配石：XXXX |

| 用石【5】碎石【2】掉石【2】 |

---

| 配石：XXXX |

| 用石【5】碎石【2】掉石【2】 |

Answer 1

不太清楚是不是這樣：

例子

基本上就是 v-for 和 v-model 的配合。

Answer 2

这个要看你前后端的api设计成怎样了，我猜，你的意思应该是从后端获取到的数据就是stoneList这样格式的数据，stoneList应该是一个订单列表吧，20是其中一个订单，然后你不知道这个订单stoneList['20']中有多少个对象，所以你不知道要用s1、s2、s3...多少个需要传回服务端的属性去绑定上，是这样么？

如果是这样，重新设计数据格式，添加上一个数量的属性，如果不是这样，那我说这么多就尴尬了_(:зゝ∠)_