왜 내 부에즈 메서드는 루프를 사용하지도 않는데 무한 루프 생성 콜인가?

왜 내 부에즈 메서드는 루프를 사용하지도 않는데 무한 루프 생성 콜인가?

내 브라우저는 IE 11이다.

나는 Vue와 Vuetify를 사용하는 쉐어포인트 온라인 페이지가 있다.나는 데이터를 표시하기 위해 뷰티의 간단한 테이블 구성요소를 사용하고 있다.나는 내 Vue 인스턴스를 확장하는 Vue 구성 요소에 내 간단한 테이블을 추가했다.또한 REST API를 사용하여 SharePoint 목록을 필터링하여 메서드가 호출될 때 단일 값을 반환하고 있다.이상한 이유로, 단일 값을 검색하기 위해 API를 호출할 때 무한 루프(Infinite Loop)가 발생하며 v-for(v-for)를 사용하지 않는다.값은 반환되지만 렌더링된 값이 페이지의 숫자를 통해 전환되고 결국 쉐어포인트 조절 문제로 이어진다.암호는 다음과 같다.

Vue.component('my-msr-input',{
    data: function() {
        return {
            retentionList: [],
            lcat: [],
            num:0
        }
    },
    template: "      \n  <v-simple-table dense>    \n            <thead>      \n                <tr>\n                    <th class=\"text-left\" width=\"10px\">Position</th>\n                    <th class=\"text-left\" width=\"10px\">ART</th>\n                    <th class=\"text-left\" width=\"10px\">PRO</th>\n                    <th class=\"text-left\" width=\"10px\">TAP</th>                  \n                </tr>\n            </thead>\n            <tbody>\n                <tr>\n                    <td>Junior Operations Research Analyst</td>\n                    <td>{{ getMsrInputData('ART','Research Analyst') }}</td>\n                    <td></td>\n                    <td></td>                    \n                </tr>  \n                <tr>\n                    <td>Journeyman Operations Research Analyst</td>\n                    <td>{{ getMsrInputData('ART','Operations Analyst') }}</td>\n                    <td></td>\n                    <td></td>                    \n                </tr>   \n            </tbody>\n        </v-simple-table>";
   methods: {
        getMsrInputData: function(title,pos){                      
            endPointUrl = _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbyTitle('TrackPositions')/items?$select=Lists&$filter=substringof('"+ title +"',%20Title)%20and%20(POSITION%20eq '"+ pos +"')";

            var vm = this;
                axios.get(endPointUrl).then(function(response){
                    vm.num = response.data.value.length;
                    console.log(response.data.value.length)
                }).catch(function(error){
                    console.log(error)
                }).then(function(){                    

                })

                return this.num;                
        },

    },
    computed: {

    }
})

나는 각 셀에 단일 값이 있는 행렬 형태의 표를 기대한다.어떤 도움이라도 감사할 것이다.

고마워!

참조URL: https://stackoverflow.com/questions/57655096/why-is-my-vuejs-method-call-producing-an-infinite-loop-when-im-not-even-using-a