vue.js - vue ルーター $this が定義されていません

Question

特定のコンポーネントがロードされているときに、コンポーネント/ビューの1つでvue-routerを使用しています。データベースから履歴トランザクションをロードしようとしました:

<script>
import store from '../store'
export default { 
    data() {
        return {
            histories: []
        }
    },
    route: {
        activate() {
            $this.getHistories()
        }
    },
    methods: {
        getHistories() {
            $this.histories = store.getHistories()
        }
    }
}
</script>

次の 2 つのエラーが発生しました。

build.js:12642 [vue-router] Uncaught error during transition:
build.js:28551 Uncaught ReferenceError: $this is not defined

Answer 1

$this存在しない場合は、次を使用する必要がありますthis:

export default { 
    data() {
        return {
            histories: []
        }
    },
    route: {
        activate() {
            this.getHistories()
        }
    },
    methods: {
        getHistories() {
            this.histories = store.getHistories()
        }
    }
}