vue.js 无法在动态呈现的v-text-field中使用@change函数

p4tfgftt  于 7个月前  发布在  Vue.js
关注(0)|答案(1)|浏览(87)

我定义了动态呈现的文本字段的更改函数。但是得到了错误。"[Vue warn]: Property or method 'handleChange' is not defined on the instance but referenced during render...
这是Vuetify的bug还是我错了?
这是复制链接。https://codepen.io/plsdev89/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`)
  }
}

字符串

lf5gs5x2

lf5gs5x21#

你写错了method,是methods
你必须使用

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

字符串

相关问题