为什么在按 Enter 时更改事件会在 V 文本字段中激活，即使我没有更改任何内容？

Question

为什么@change事件在按回车键时以v-text-field激活，即使我没有更改任何内容？

.HTML

<div id="app">
<v-app>
<v-content>
<v-container>
<v-text-field
@change="onChange"
slot="input"
label="Edit"
v-model="test"
single-line
></v-text-field>
</v-container>
</v-content>
</v-app>
</div>

.JS

new Vue({
el: '#app',
data: () => ({
test: 'test'
//
}),
methods: {
onChange () {
console.log('changed')
}
}
})

例如，如果我按回车键而不更改任何内容，则 onChange 事件不应打印"已更改"，因为它是相同的字符串(在本例中为"test"(。

例如，您可以看到这支笔：https://codepen.io/jdash99/pen/aaEYLB?editors=1111

Answer 1

这绝对是 Vuetify 中的一个错误，于1.1.0-alpha.0年引入以修复不同的错误，其中ENTER根本没有发出change-event。现在vuetifyjs/vuetify问题 #5070 中跟踪此新错误。

作为解决方法，您必须自己检查change-event 处理程序中的值，以确定是否发生了实际更改。