element中el-select的死循环问题

最新推荐文章于 2024-06-18 09:02:43 发布

web小裁鸟

最新推荐文章于 2024-06-18 09:02:43 发布

阅读量493

点赞数 7

文章标签： javascript vue.js elementui

本文链接：https://blog.csdn.net/weixin_42607242/article/details/136249662

版权

本文讲述了在使用ElementUI的el-select组件时，遇到的死循环问题，特别是在处理大量数据且数据可能包含非数字值导致转换为NaN时。文章详细分析了问题原因并提供了将NaN值排除以避免死循环的解决方案。

摘要由CSDN通过智能技术生成

项目场景：

提示：这里简述项目相关背景：

element中el-select的死循环问题，在大量数据的时候很难检查出什么问题，这里做一个记录

问题描述

<el-select v-model="formData.alarmType" placeholder="请选择公厕气体类别">
  <el-option
    v-for="item in options.gasCategoryList"
    :key="item.value"
    :label="item.label"
    :value="item.value"
  />
</el-select>

原因分析：

 const gasNameRes = await getDictList({ nsId: GAS_NAME_NS_ID })
this.options.gasCategoryList = (gasNameRes.data.data || []).map(i => ({ ...i, value: Number(i.dictCode), label: i.dictName }))