javascript - 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 或任何其他数值（在这种情况下我不会收到任何错误）。

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

标签： javascripttypescriptvue.jstypesvuejs3

Answer 1

您的interface定义如下：

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