title: Check if v-model is empty?
body: <p>I want to prevent if user didnt enter anything. I tried like this but its not working:</p>
  
  <pre><code> if(this.comment === ' '){
         return;
    }
  </code></pre>
  
  <p>This is my entire method:</p>
  
  <pre><code> postComment: function(user_id,article_id) {
                  if(this.comment === ' '){
                    return;
                  }
                  else{
                  var article_comments = {
                    title: this.comment,
                    upovotes: this.article_comments.upovotes,
                    downvotes: this.article_comments.downvotes,
                    user_id : user_id,
                    article_id: article_id
                  };
  
                    this.comments.push({
                        title: this.comment,
                        downvotes: 0,
                        upvotes: 0
                      })
  
                      this.$http.post('/blog/article/' + article_id + '/comment', article_comments).then(function(response){
  
                      },function(response){
  
                    });
  
                  }
                  this.comment = "";
                },
  </code></pre>
  
  <p>In view i have this:</p>
  
  <pre><code>  &lt;div class="col-md-11 col-sm-11 col-xs-11"&gt;
       &lt;textarea  class="comment_input" placeholder="Join the discussion..." v-model="comment" @keyup.enter="postComment({{$current_user-&gt;id}},{{ $article-&gt;id}})"&gt;&lt;/textarea&gt;
   &lt;/div&gt;
  </code></pre>