ウェブサイト検索

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版と同じように動作させるには、何をする必要がありますか?