Vue.js 3 初始化我的数字变量的正确方法是什么？ [复制]

Question

使用 Vue 3，我收到以下错误：

类型“null”不能分配给类型“number”。

这是相关代码：

interface ComponentState {
  heroSelected: number;
}

export default defineComponent({
  name: 'Battle',
  setup() {
    const state: ComponentState = reactive({
      heroSelected: null,

我也试过undefined 而不是null。我不想将我的变量 heroSelected 初始化为 0 或任何其他数值（在这种情况下我不会收到任何错误）。

那么我该怎么做才能以不触发错误的方式对其进行初始化呢？

Answer 1

您的interface 应定义如下：

interface ComponentState {
  heroSelected: number | null| undefined;
}