Handling Enter Key in Vue.js : <p>I'm learning Vue.js. In my Vue, I have a text field and a button. By default, this button submits a form when someone presses the Enter key on their keyboard. When someone is typing in the text field, I want to capture each key pressed. If the key is an '@' symbol, I want to do something special. If the key pressed is the "Enter" key, I want to do something special as well. The latter is the one giving me challenges. Currently, I have this <a href="https://jsfiddle.net/ffgvw3yr/2/" rel="noreferrer">Fiddle</a>, which includes this code:</p>

<pre><code>new Vue({
  el: '#myApp',
  data: {
    emailAddress: '',
    log: ''
  },
  methods: {
    validateEmailAddress: function(e) {
      if (e.keyCode === 13) {
        alert('Enter was pressed');
      } else if (e.keyCode === 50) {
        alert('@ was pressed');
      }      
      this.log += e.key;
    },

    postEmailAddress: function() {
      this.log += '\n\nPosting';
    }
});
</code></pre>

<p>In my example, I can't seem to press the "Enter" key without it submitting the form. Yet, I would expect the <code>validateEmailAddress</code> function to at least fire first so that I could capture it. But, that does not seem to be happening. What am I doing wrong?</p>
