vuetify.js - TypeScriptでのVuetifyの参照
私は次のコードを持っていますが、正常に動作します。
<script>
export default {
methods: {
foo() {
return this.$vuetify.theme.dark;
}
}
}
</script>
私は今、TypeScriptに切り替えて、これのように変更しました。
<script type="ts">
import { Component, Vue } from 'vue-property-decorator';
@Component
export default class MyClass extends Vue {
public foo(): boolean {
return this.$vuetify.theme.dark;
}
}
</script>
現在、「プロパティ $vuetify は私のクラスに存在しません」と文句を言っています。これは、'this' の定義がコンテキストによって変わったため、理にかなっています。
これを解決して、非TypeScript版と同じように動作させるには、何をする必要がありますか?