typescript - Vue/typescript - 属性或方法 ... 未在实例上定义，但在渲染期间引用。（在模板中）

Question

我正在将一个项目从 JS 转换为 vue 中的 TS。问题是，我正在使用带有 mixin 的组件。我的 TS 声明在 .ts 文件中，这是我的 mixin 文件。当我尝试在我的主要组件的类中访问这些声明时，我可以访问。但我无法在模板中访问它们。这是一些代码：

主.vue

<div v-if="localParticipant" class="d-flex justify-content-center"> ---->> It gives me error on this line. Says localParticipant is not defined.
                  <b-button
                    v-if="localParticipant.isCameraEnabled"
                    variant="flat-success"
                    class="btn-icon rounded-circle"
                  >
                    <feather-icon icon="VideoIcon" />
                  </b-button>
</div>

...


<script lang="ts">
...

export default class Live extends Mixins(myMixin) {

  sample() {
    this.localParticipant = null; ---->> The IDE can understan it is already declared in the mixin file. ((property) MeetingMixin.localParticipant: Participant | undefined)
  }

...
}

myMixin.ts

...

export default class MeetingMixin extends Vue {
...

localParticipant: Participant | undefined;

...
}

如您所见，我可以从脚本（在课堂上）访问它。那么如何在模板中访问它呢？

任何帮助将不胜感激。谢谢。