報錯: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 周三 多云