fix(v-text-field): fire change event

when pressing keydown.enter, the default behavior for an html input is to fire a change event

fixes #2982

src/components/VTextField/VTextField.js

@@ -14,6 +14,11 @@ import Maskable from '../../mixins/maskable'
 // Directives
 import Ripple from '../../directives/ripple'
 
+// Utilities
+import {
+  keyCodes
+} from '../../util/helpers'
+
 const dirtyTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'month']
 
 export default {
@@ -342,8 +347,10 @@ export default {
       this.internalValue = e.target.value
       this.badInput = e.target.validity && e.target.validity.badInput
     },
-    onKeyDown () {
+    onKeyDown (e) {
       this.internalChange = true
+
+      if (e.keyCode === keyCodes.enter) this.$emit('change', this.internalValue)
     },
     onMouseDown (e) {
       // Prevent input from being blurred

test/unit/components/VTextField/VTextField.spec.js

@@ -729,4 +729,20 @@ test('VTextField.js', ({ mount }) => {
     expect(wrapper.element.id).toBe('')
     expect(input.element.id).toBe('foo')
   })
+
+  it('should fire change event when pressing enter', () => {
+    const wrapper = mount(VTextField)
+    const input = wrapper.first('input')
+    const change = jest.fn()
+
+    wrapper.vm.$on('change', change)
+
+    input.trigger('focus')
+    input.element.value = 'foo'
+    input.trigger('input')
+    input.trigger('keydown.enter')
+    input.trigger('keydown.enter')
+
+    expect(change).toHaveBeenCalledTimes(2)
+  })
 })