vue-select Error in getter for watcher "filteredOptions": "TypeError: e[t.label].toLowerCase is n

场景

sagalbot/vue-select 在组件初始化的时候报的错

Error in getter for watcher “filteredOptions”: “TypeError: e[t.label].toLowerCase is n

下面的是vue-select的相关信息

 "list_level" v-model="level" :placeholder="placeholder_level">v-select>

list_level: [
{label: 1, value: 1},
{label: 2, value: 2},
{label: 3, value: 3},
{label: 4, value: 4},
]

分析

• 哈, 检查了传递的属性， 最后锁定出问题的地方, list_level 但是这个数据本身上没有没啥问题的, then求助chrome

解决

• sagalbot/vue-select 项目issue中给出了官方答案
  
  • options label不可以有纯数字的单元
• 所以解决方法如下

               list_level: [
                        {label: '1', value: 1},
                        {label: '2', value: 2},
                        {label: '3', value: 3},
                        {label: '4', value: 4},
                ],