vue+element plus el-checkbox 选中一个全部都被选中

3 阅读1分钟

image.png

      <el-form-item label="所属门店:" prop="teamRelationList">
                    <el-checkbox-group v-model="addOrUpdateParams.teamStoreIds">
                        <el-checkbox v-for="item in storeTableData" :key="item.id" :value="item.id" name="teamStoreIds">{{ item.name }}</el-checkbox>
                    </el-checkbox-group>
                </el-form-item>

image.png 排除没有赋值为数组

但是勾选的时候却是undefined image.png

                <el-form-item label="所属门店:" prop="teamRelationList">
                    <el-checkbox-group v-model="addOrUpdateParams.teamStoreIds">
                        <el-checkbox v-for="item in storeTableData" :key="item.id" :label="item.name" :value="item.id" name="teamStoreIds"></el-checkbox>
                    </el-checkbox-group>
                </el-form-item>

加上:label="item.name"

image.png id 不一样但是名字一样也是会勾选

解决

                <el-form-item label="所属门店:" prop="teamRelationList">
                    <el-checkbox-group v-model="addOrUpdateParams.teamStoreIds">
                        <el-checkbox v-for="item in storeTableData" :key="item.id" :value="item.id" :label="item.id">{{ item.name }}</el-checkbox>
                    </el-checkbox-group>
                </el-form-item>