TypeError: Cannot read property

报错: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初始化数据为:

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初始化数据为:

data() {
    return {
      checkedCities: [],
      cities:['Color', 'Size', 'Material'],
    }
}

均可

2021.07.07 17:46:42 周三 多云