element-ui关于el-select的下拉框选项中出现“无匹配数据”问题分析及解决办法

最近的项目前端用到vue+elementui框架,在使用过程中遇到很多问题,在后几篇文章中会一一列出,有解决的,有没解决的。

先说关于select下拉框的问题:(项目原因无法截图) 具体现象是在某个下拉框下面会在显示完所有的下拉选项后出现一个额外的下拉框,里面显示“无匹配数据”。

先说一下问题原因:在你选中一个下拉选项后,由于功能需要更新了下拉框的option对应的值,并且你的select的v-model绑定的值并没有更新,就会出现以上描述的问题。即你el-select对应的v-model在el-option中找不到对应的值,就会出现上述错误。

解决方案:在每次更新option时,清空select v-model绑定的值

你可能感兴趣的:(element-ui,vue)