報錯:TypeError: Cannot read property 'getNodeByValue' of undefined
今天寫vue布局遇到一個這么個錯誤,起因是因為我要寫一個復選框,當時使用的是 element-ui 組件,代碼如下:
<el-checkbox-group :min="1" :max="2">
<el-checkbox v-for="city in cities" :label="city" :key="city">{{
city
}}</el-checkbox>
</el-checkbox-group>
問題其實就是出在了min和max身上,由于設置了min和max就比如為checkbox默認勾選出選項,否則就會報錯
修改之后為:
<el-checkbox-group v-model="checkedCities" :min="1" :max="2">
<el-checkbox v-for="city in cities" :label="city" :key="city">{{
city
}}</el-checkbox>
</el-checkbox-group>
data初始化數(shù)據(jù)為:
data() {
return {
checkedCities: ["Color"],
cities:['Color', 'Size', 'Material'],
}
}
或者
<el-checkbox-group v-model="checkedCities">
<el-checkbox v-for="city in cities" :label="city" :key="city">{{
city
}}</el-checkbox>
</el-checkbox-group>
data初始化數(shù)據(jù)為:
data() {
return {
checkedCities: [],
cities:['Color', 'Size', 'Material'],
}
}
均可
2021.07.07 17:46:42 周三 多云