title: VueJS change border color of the input if input is already filled in
body: <p>I need to change the border color of the input if the customer already filled in the field.</p>
  
  <p>How can I do this using VueJS ?</p>
  
  <pre><code>&lt;div class="some-basic-div", '@change' =&gt; 'checkForInput'&gt;
    &lt;div class="dc-form-group "&gt;
     &lt;input type='text' id='first_name' &gt;
    &lt;/div&gt;
    &lt;div class="dc-form-group "&gt;
      &lt;input type='text' id='last_name' &gt;
    &lt;/div&gt;
    &lt;div class="dc-form-group "&gt;
      &lt;input type='text' id='some_text' &gt;
    &lt;/div&gt;
  &lt;/end&gt;
  </code></pre>
  
  <p>I have tried to use pure JavaScript.</p>
  
  <pre><code> checkForInput: function(e) {
      let targetDiv = event.target;
  
      if (targetDiv.value == "") {
        targetDiv.classList.remove("mod-group-success");
      } else {
        targetDiv.classList.add("mod-group-success") ;
      }
    }
  </code></pre>
  
  <p>So when I am changing the input I need to change the style of the input which I filled in.</p>