無限ループの原因が知りたいです。vue.js

Question

タイトルの通り、無限ループが起きてしまいます。

解決したい事：　原因を特定したいです。

現状： follower_usersを取得するためにdispatchを実行すると無限ループが走ってしまいます

<div v-for="follower_user in follower_users" :key="follower_user.id">
　　　　　　　<input type="hidden" name="_token" v-bind:value="csrf" v-show="check_user(follower_user.id)">
            <div v-if="check">
              <button type="submit" class="mt-2 ml-2 btn btn-outline-primary btn-sm" style="height: 1.7rem;">Unfollow</button>
            </div>
            <div v-else>
              <button type="submit" class="mt-2 ml-2 btn btn-outline-primary btn-sm" style="height: 1.7rem;">Follow</button>
            </div>
</div>

...省略

 data() {
    return {
      check: false
    }
  },
  props: ['user_id', 'login_user_id', 'csrf'],
  computed: {
    ...mapState("follow",['follower_users','url']),
  },
 created() {
    this.$store.dispatch('follow/get_follower_list', this.user_id)
  },
methods: {
    check_user(id) {
      var array = ["/user/", id, "/follower_check"];
      // パスをjoinで結合
      const t = array.join('')
      axios.get(t).then(res => {
        console.log(res.data)
        if(res.data == 1) {
          this.check = true
        } else {
          this.check = false
        }
      }).catch(function(error) {
        console.log(error)
      })
    }
}

mutations: {
    follower_list(state, id) {
      console.log('testteste')
      const array = ["/user/", id, "/follower_list"];
      const t = array.join('')
      axios.get(t).then(res => {
        state.follower_users = res.data
      }).catch(function(error) {
        console.log(error)
      })
    },
 },
actions: {
    get_follower_list({commit}, id) {
      commit('follower_list', id)
    },
}

    public function follower_list(User $user)
    {
        $follower_list = $user->followers()->get();
        return $follower_list;
    }

試した事
dispatchではなくcommitで呼び出してみましたが、変わらずでした。

確認した事
コントローラーで値は取れているか？ => 取れてました。

どこに原因があるのかわからずにいます。

お分かりになる方いましたら、教えていただきたいです。
よろしくお願いします。