【Vue.js】v-for で回している中で v-on のイベント付与したい

前提・実現したいこと

タイトルの通りですが、For（Each）でタブをで作成し、その一つ一つにclickのイベント（setActiveTab）の引数にKeyとなるindexを付与したいです。
下記でコメントアウトしている部分では動くことを確認していますが、forの方を生かしてコードをスッキリできれば嬉しいと思ってます。

現状で動かすとサーバ上でエラーでないものの、タブが描画されません。
※よって、イベントも確認できてません

どなたお助けいただけないでしょうか。

発生している問題・エラーメッセージ

サーバ上でエラーはなし。タブが描画されない。

該当のソースコード

vue.js
1<template>
2  <v-tabs fixed-tabs>
3    <v-tab v-for="title in titles" :key="title.id" @click="setActiveTab( key )">{{ title }}</v-tab>
4    <!-- <v-tab v-on:click="setActiveTab(1)">議事録</v-tab>
5    <v-tab v-on:click="setActiveTab(2)">プロジェクト計画</v-tab>
6    <v-tab v-on:click="setActiveTab(3)">課題管理</v-tab>
7    <v-tab v-on:click="setActiveTab(4)">要件整理</v-tab>
8    <v-tab v-on:click="setActiveTab(5)">要件定義</v-tab>
9    <v-tab v-on:click="setActiveTab(6)">設計</v-tab>
10    <v-tab v-on:click="setActiveTab(7)">テスト</v-tab> -->
11  </v-tabs>
12</template>
13
14<script>
15import { mapActions } from 'vuex'
16export default {
17  data(){
18    this.titles['議事録','プロジェクト計画','課題管理','要件整理','要件定義','設計','テスト']
19  },
20  methods: {
21    setActiveTab () {
22      this.setActiveTab()
23    },
24    ...mapActions(['setActiveTab'])
25  }
26}
27</script>