element ui 问题记录

最新推荐文章于 2023-09-04 09:58:49 发布

菊次郎の夏

最新推荐文章于 2023-09-04 09:58:49 发布

阅读量1.1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_39099980/article/details/116230427

vue 专栏收录该内容

3 篇文章

订阅专栏

在Vue.js应用中遇到一个棘手的问题，当从服务器获取数据并回显到Checkbox组时，这些Checkbox无法被选中。问题出在数据绑定和回显的实现上。通过使用`$set`方法确保响应式属性的正确设置，尝试修复星期日到星期六的Checkbox选中状态。这涉及到Vue的双向数据绑定原理和对象属性的动态添加。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. checkbox 回显后无法选中问题

<el-form-item >
                <el-checkbox-group v-model="addOldSterTrainInfo.repeat_type">
                    <el-checkbox :label="1">星期日</el-checkbox>
                    <el-checkbox :label="2">星期一</el-checkbox>
                    <el-checkbox :label="3">星期二</el-checkbox>
                    <el-checkbox :label="4">星期三</el-checkbox>
                    <el-checkbox :label="5">星期四</el-checkbox>
                    <el-checkbox :label="6">星期五</el-checkbox>
                    <el-checkbox :label="7">星期六</el-checkbox>
                </el-checkbox-group>
            </el-form-item>
_this.$set( _this.addOldSterTrainInfo, 'repeat_type', JSON.parse(res.object.repeattype))

// 向响应式对象中添加一个 property，并确保这个新 property 同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新 property，因为 Vue 无法探测普通的新增 property (比如 this.myObject.newProperty = 'hi')