title: clear v-model in function for v-tabs not to be highlighted Vuetify
body: <p>I want to clear the v-model sometimes if a given value is pressed.</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;v-app&gt;
        &lt;v-content&gt;
          &lt;v-tabs
            v-model="active_tab"
            slider-color="#F8940A"
            centered
            background-color="#ffffff"
            height="80px"
          &gt;
            &lt;v-tab v-for="(item, i) in items" :key="i" v-on:click="test()"&gt;
            &lt;div&gt;{{item.text}}&lt;/div&gt;
          &lt;/v-tab&gt;
        &lt;/v-tabs&gt;
      &lt;/v-content&gt;
    &lt;/v-app&gt;
   &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
  name: "App",
  data: () =&gt; ({
    items: [
     {
       text: "item 1"
     },
     {
       text: "item 2"
     },
     {
       text: "item 3"
     },
     {
       text: "item 4"
     }
    ],
    active_tab: ""
  }),
  
  methods: {
    test: function() {
      this.active_tab = "";
    }
   }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>I have a working example here: <a href="https://codesandbox.io/embed/vuetify-clean-cfnoh?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer">https://codesandbox.io/embed/vuetify-clean-cfnoh?fontsize=14&amp;hidenavigation=1&amp;theme=dark</a></p>
  
  <p>If I just set this.active_tab to empty nothing is happen. I'm able to set it to an integer and it will change to that. Is there a way to clear the value for non of the items to highlight?</p>