vue.js - vue3 类组件访问 props

Question

我在 typescript 中使用带有类组件的 vue3 我的类看起来像:

import {Options, Vue} from "vue-class-component";

@Options({
  props: {
    result: Object
  }
})


export default class imageResult extends Vue {
  currentImage = 0;

  getSlides(){
    console.log('result',this.$props.result); // not working
    console.log('result',this.result); // not working too
  }

我的问题是，如何在我的类(class)中访问和使用该属性？

this.result 和 this.$props.result 都给我一个错误。

有人可以帮助我吗？提前致谢

Answer 1

迟到的答案，但也许它对将来的人有帮助。使用 vu3 和 typescript 为我工作

<script lang="ts"> 
import { Vue, prop } from "vue-class-component";

export class Props {
  result = prop<string>({ required: true });
}

export default class Foo extends Vue.with(Props) {
  test(): void {
    console.log(this.result);
  }
}
</script>