v-for取数组某项字段的问题

html

 <div class="goodRelease-list-son" v-for="prop in itemsTwo" :key="prop.index">
             <el-checkbox :label="prop">商品编号:{{prop.itemSerialNumber}}</el-checkbox>
                        <div class="goodRelease-list-son-bottom ">
                            <el-row :gutter="10">
                                <el-col :span="2"><img :src="prop.iconUrl" class="w100"></el-col>
                                <el-col :span=22 class="">
                                    <el-col :span=24 >
                                        <el-col :span=2 class="tl">
                                             <el-checkbox-group v-model="prop.newItem" style="margin:4px 0px 0px -80px;">
                                                <el-checkbox true-label=1 false-label=0>新品</el-checkbox>
                                            </el-checkbox-group>
                                        </el-col>
                                        <el-col :span=2>
                                            <el-checkbox-group v-model="prop.isTimeLimit" :max="1" style="margin:4px 0px 0px -65px;">
                                                <el-checkbox true-label=1 false-label=0>限时</el-checkbox>
                                            </el-checkbox-group>
                                        </el-col>
                                    </el-col>
                                   
                                </el-col>
                            </el-row>
                        </div>
                    </div>

数据结构
vfor中prop = 以下数据结构,请问新品&限时怎么绑定到newItem&isTimeLimit

       [
            {
                id: "1",
                newItem: 1,
                isTimeLimit:1
            },
            {
                id: "2",
                newItem: 1,
                isTimeLimit:1
            },
            {
                id: "3",
                newItem: 1,
                isTimeLimit:1
            }
        ]
阅读 2.6k
2 个回答

这样?

                                    <el-col :span=24 v-for="item in prop">
                                        <el-col :span=2 class="tl">
                                             <el-checkbox-group v-model="prop.newItem" style="margin:4px 0px 0px -80px;">
                                                <el-checkbox true-label=1 false-label=0>新品{{item.newItem}}</el-checkbox>
                                            </el-checkbox-group>
                                        </el-col>
                                        <el-col :span=2>
                                            <el-checkbox-group v-model="prop.isTimeLimit" :max="1" style="margin:4px 0px 0px -65px;">
                                                <el-checkbox true-label=1 false-label=0>限时{{item.isTimeLimit}}</el-checkbox>
                                            </el-checkbox-group>
                                        </el-col>
                                    </el-col>

已经解决了,这样写是可以的

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