vue.jsにて指定秒数後にdisabledを解除する

Question

vue.jsにて一定秒数後にdisabledを解除するものを作成しておりますが、下記の構文でうまくいきません。

<div id="test_field">
  <button href="#" class="btn btn-info" v-on:click="button_disable()" :disabled="isTestDisabled">Disable_Button</button>
</div>

<script>
var vm = new Vue({
  el: '#test_field',
  data: {
    isTestDisabled : false,
  },
  methods: {
    button_disable: function() {
        this.isTestDisabled = true;

        setTimeout(function(){
            alert('sample!');
            this.isTestDisabled = false;
        },3000);
    },
  },
});
</script>

Vue.jsにてbuttonを選択した際にDisabledとなり、3秒後にDisabledを解除するという動作を実現したいと考えています。
3秒後にalertは表示されているので実行されていると思いますがdisabledがfalseになっていないようです。

thisでうまく指定ができていないのか、そもそもの構文が違っているのかアドバイスいただけると助かります。

Answer 1

vue.js部分を下記に書き換えて解決しました。

var vm = new Vue({
  el: '#test_field',
  data: {
    isTestDisabled : false,
  },
  methods: {
    button_disable: function() {
        this.isTestDisabled = true;

        setTimeout(this.enable,3000);
    },
    enable:function() {
        alert('A');
        this.isTestDisabled = false;
    },
  }
});