title: VueJS Value must be a number to be valid
body: <p>I'm trying to figure out what is wrong with my logic because I have a field that is trying to validate that an input value submitted is a number. It hits the validateForm method however for some reason wrongNumber always comes back as true regardless if the value from the input is a number or a string. </p>
  
  <p>Any ideas one what I've done wrong?</p>
  
  <pre><code>methods: {
      isNumeric: function (n) {
          return !isNaN(parseFloat(n)) &amp;&amp; isFinite(n);
      },
      validateForm: function (event, $modal) {
          if (this.wrongNumber) {
              event.preventDefault();
              toastada.error('The squares field must contain a number value!');
              return;
          }
          this.saveData($modal);
          return true;
      },
      wrongNumber: function () {
          return this.isNumeric(this.number) === false
      },
    fetchInfo: function(){
      this.$http.get('/api/projects/info', { params: { id: this.id } }).then((response) =&gt; {
        this.project = response.data;
      });
    },
    saveData: function($modal){
      this.$http.patch('/api/projects/info', { project: this.project }).then((response) =&gt; {
        toastada.success('Changes Saved!');
        $modal.hide(this.modalName);
        return true;
      }, (response) =&gt; {
        toastada.error('Something went wrong, please try again!');
        return false;
      });
    },
  </code></pre>