Uncaught (in promise) Maximum recursive updates exceeded in component ＜ElSelectDropdown＞.

最新推荐文章于 2024-10-15 09:05:32 发布

NavinCodeSpace

最新推荐文章于 2024-10-15 09:05:32 发布

阅读量3.1k

点赞数 4

分类专栏： Vue3 文章标签：前端 vue.js

本文链接：https://blog.csdn.net/frozennet/article/details/141958268

版权

Vue3 专栏收录该内容

1 篇文章

订阅专栏

1. 问题描述

在 vue3 中使用 <el-select> 出现以下错误。

<el-select v-model="registerData.country" placeholder="Select" style="width: 80px;margin-right: 3px;">
    <el-option
     v-for="item in counties"
     :key="item.value"
     :label="item.value"
     :value="item.value">
        <span style="float: left">{{ item.label }}</span>
        <span style="float: left">&nbsp;&nbsp;</span>
        <span style="float: right;color: var(--el-text-color-secondary);">
           {{ item.value }}
        </span>
  </el-optio>
</el-select>

Uncaught (in promise) Maximum recursive updates exceeded in component <ElSelectDropdown>.This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.

2. 解决方法