title: Handling Enter Key in Vue.js
body: <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>