el-checkbox报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘length’)”
index.vue:1288
[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'length')"
found in
<ElCheckbox> at packages/checkbox/src/checkbox.vue
<ElCheckboxGroup> at packages/checkbox/src/checkbox-group.vue
<ElFormItem> at packages/form/src/form-item.vue
<ElForm> at packages/form/src/form.vue
<ElDialog> at packages/dialog/src/component.vue
<Theme> at src/views/essay/theme/index.vue
<AppMain> at src/layout/components/AppMain.vue
<ElScrollbar>
<Layout> at src/layout/index.vue
<App> at src/App.vue
<Root>
出现问题原因:
绑定的没有在data(){}初始化设置数组
<el-checkbox-group v-model="form.classNameList" @change="handleCheckedChange">
<el-checkbox v-for="(item, index) in classesAll" :key="index" :label="item"></el-checkbox>
</el-checkbox-group>
解决办法:
data(){
form:{
classNameList:[]
}
}
文章描述了在Vue应用中使用el-checkbox组件时遇到的TypeError,原因是v-model绑定的数组没有在data对象中初始化。解决方案是确保在data方法中正确初始化classNameList数组。



6878

被折叠的 条评论
为什么被折叠?



