title: Make v-data-table rows opens in new tab (vuetify)
body: <p>I'm currently using vuetify and I need to make each row act as <code>a</code> tag and make sure it's opens in new tab.</p>
  <p>My table looks like this:</p>
  <pre><code>&lt;v-data-table
          :headers=&quot;headers&quot;
          :items=&quot;campaigns&quot;
          calculate-widths
          :loading=&quot;loading&quot;
          :search=&quot;search&quot;
          :items-per-page=&quot;15&quot;
          @click:row=&quot;showCampaignReport&quot;
        &gt;
  &lt;/v-data-table&gt;
  </code></pre>
  <p>I'm using <code>@click:row=&quot;showCampaignReport&quot;</code> now and it works fine but the problem is that there is no open link in new tab in browser context menu...</p>
  <pre class="lang-js prettyprint-override"><code>showCampaignReport(value) {
      this.$router.push({ path: `/campaigns/${value.hash}` });
  },
  </code></pre>