Невозможно использовать функцию @change в v-текстовом поле, которое динамически отображается

#vue.js #vuetify.js

#vue.js #vuetify.js

Вопрос:

Я определил функцию изменения текстового поля, которое динамически отображается. Но получил ошибку. "[Vue warn]: Property or method 'handleChange' is not defined on the instance but referenced during render...

Это ошибка Vuetify или я ошибаюсь?

Это ссылка для воспроизведения. https://codepen.io/endmaster0809/pen/ZEWKEex

 <v-col cols="12" sm="6" v-for="item in items">
   <v-text-field
      :label="item"
      @change="handleChange(item)"
   ></v-text-field>
</v-col>

method: {
  handleChange(item) {
    console.log(`${item} was changed`)
  }
}
  

Ответ №1:

вы пишете неправильно method , является methods

вы должны использовать

 methods: {
    handleChange(item) {
       console.log(`${item} was changed`)
     }
}