Vuejs - 정의되지 않은 속성 '_withTask'을(를) 읽을 수 없음

Vuejs - 정의되지 않은 속성 '_withTask'을(를) 읽을 수 없음

버튼을 누른 후 div에 새로운 html을 추가하려고 한다.v-for.
그러나 버튼을 누르면 이 오류가 발생하고 요소(기사)가 디브에 한 번 추가되지만 그 후에는 더 이상 작동하지 않는다.

vue.js?3de6:1743 TypeError: 정의되지 않은 속성 '_withTask'을(를) 읽을 수 없음
remove$2(평가 대상(app.js:561), :7078:13)
updateListeners에서 평가(app.js:561):2067:7)
Array.update에서DOMListeners(평가 대상(app.js:561),:7091:3)
patchVnode에서 평가(app.js:561), :5918:62)
updateChilds(평가 대상(app.js:561):5809:9)
patchVnode에서 평가(app.js:561), :5923:29)
updateChilds(평가 대상(app.js:561):5809:9)
patchVnode에서 평가(app.js:561), :5923:29)
updateChilds(평가 대상(app.js:561):5809:9)
patchVnode에서 평가(app.js:561), :5923:29)

HTML 코드 :

<article v-for="item in range">
    <span>
        {{item[0]}} - {{item[1]}}
    </span>
    <span>
        <button  class="btn btn-theme btn-default btn-xs pull-left"  @click="deleteItem" ><i class="fa fa-times inline"></i></button>
    </span>
</article>

JS :

data() {
    return {
        majornew:this.major,
        certificate:this.cert,
        range:[], 
        item:[],
    };
},

methods: {
    addmajorcert(majortext,certext) {
        this.item = [majortext,certext];
        this.range.push(this.item);
        console.log(majortext,certext);
    },
},

업데이트됨:값이 전송되는 선택 상자는 두 개 있다.

<v-select v-model="selectedmajor" label="major_text" id="major" name="majornew" :options="majornew" >
</v-select> 
<v-select v-model="selectedcert" :options="certificate" label="lc_text" id="cert" v-on:click="certificate"></v-select> 

<button v-on:click="addmajorcert(selectedmajor,selectedcert)">
    +
</button>

선택 상자는 다음과 같은 개체를 반환한다.

{ "major_id": 2, "major_text": "industrial", "number_of_used": 1 }

내가 할 때console.log나는 그 가치들이 전달되고 있는 것을 볼 수 있다.

나는 같은 문제를 가지고 있었고, 그것은 내가 이벤트를 사용하기 때문이었지만 여기 스크립트에 정의되지 않은 예시 문제:

<template>
 <div>
  <button @click="deleteItem"></button>
 </div>
</template>

그래서 당신은 내가 사용하고 있는 것을 볼 수 있다.deleteItemmethod 그러나 아래의 methods object에서 나는 그 이름을 가진 기능을 가지고 있지 않다.그리고 내가 태스킹으로 실수를 하게 만들었어.이건 다른 사람이 할 수 있을 것 같아.

<script>
 export default {
  methods: {
   // No function with name deleteItem
  }
 }
</script>

기본적으로 오류는 이벤트 함수가 단순한 언어로 정의되지 않은 경우에 발생한다 :)

내 시도는 여기까지,

네가 이해하지 못하는 것이 있거나 내가 놓친 것이 있으면 말해줘.

<article v-for="item in range">

데이터에 범위와 항목이 모두 정의되어 있지만 범위를 반복하고 각 반복 항목의 이름을 지정하십시오.확실하지는 않지만 문제가 있을 수 있으므로 v-for:에서 항목 이름을 변경해 보십시오.

<article v-for="majorcert in range">

그런데 v-for를 사용할 때 v-key가 필요하다고 생각하는데, 다음과 같을 수 있다.

<article v-for="majorcert in range" :key="majorcert.major_id">

참조URL: https://stackoverflow.com/questions/52425393/vuejs-cannot-read-property-withtask-of-undefined