VueJs - ncaught RangeError：超出最大调用堆栈大小。在 VueComponent.onFocusin

Question

我在 Document.vue 中导入了一个对话框组件。之后，我尝试添加对话框。然后出现此控制台错误。当我删除我的，这个问题将得到解决。请帮帮我。

添加代码：

<template>
    <div class="components" :key="documentComponentkey">
        <!--Document Version History Component-->
        <DocumentHistoryComponents></DocumentHistoryComponents>
        <DialogViewComponents >
           <span class="slotcontent" v-if="progressCircular" slot="slotposition" slot-scope="slotProps">
                <ProgressCircularComponents  :value="uploadPercentage" :size="100" :width="10" :rotate= "360" ></ProgressCircularComponents>                
            </span>
        </DialogViewComponents>
       <HeaderComponents></HeaderComponents>
        <div class="components-sub-container">                          
            <!--Generic Form Component-->
            <BodyComponents>
            </BodyComponents>
        </div>       
        <!--Generic Footer Component-->
        <FooterComponents></FooterComponents>
    </div>
</template>

<script>
    import DocumentHistoryComponents from "./DocumentHistory";
    import  DialogViewComponents from "./../Dialog/Dialog";
    import  ProgressCircularComponents from "./../ProgressCircular/ProgressCircular";
    import HeaderComponents from "./../Card/Header/Header";
    import BodyComponents from "./../Card/Body/Body";
    import FooterComponents from "./../Card/Footer/Footer";
    /**
     * Component's properties and events
     */
    export default {
        components: {
            HeaderComponents,
            BodyComponents,
            FooterComponents,
            DocumentHistoryComponents,
            ProgressCircularComponents,
            DialogViewComponents
        },

任何人都知道为什么会发生这种情况

Answer 1

很可能在您的某个组件/路由中发现了循环，这会触发错误。