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

缓缓
  • 1.3k

数组是这样的

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

实现的样式:
yangshi

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

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

| 配石:XXXX |

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


| 配石:XXXX |

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


| 配石:XXXX |

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

回复
阅读 2.4k
2 个回答
✓ 已被采纳

不太清楚是不是這樣:

例子

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏