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

问题描述

问 题

数组是这样的

"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】 |

解决方案

不太清楚是不是這樣：

例子

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

这篇关于vue.js - vue种不知道次数的循环绑定怎么实现？急急的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！