title: Vuetify: How to preselect active tab?
body: <p>I want to use Vuetify (v1.0.18) to render some static navigation using <strong>v-tabs</strong>. The routing is done on the server side, so I need a way to set the active tab by properties. It's a very basic task, but I don't get it to work. Example:</p>
  
  <pre><code>&lt;v-tabs&gt;
    &lt;v-tab href="/path1"&gt;Tab 1&lt;/v-tab&gt;
    &lt;v-tab href="/path2"&gt;Tab 2&lt;/v-tab&gt;
  &lt;/v-tabs&gt;
  </code></pre>
  
  <p>This preselects the first tab - fine.</p>
  
  <p>Now the question ist: How to preselect the second tab? The following does <strong>not</strong> work:</p>
  
  <pre><code>&lt;v-tabs value="tab2"&gt;
    &lt;v-tab id="tab1" href="/path1"&gt;Tab 1&lt;/v-tab&gt;
    &lt;v-tab id="tab2" href="/path2"&gt;Tab 2&lt;/v-tab&gt;
  &lt;/v-tabs&gt;
  </code></pre>