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

Posted 2023-03-13

【中文标题】Vue.js 3 初始化我的数字变量的正确方法是啥？ [复制]

【英文标题】：Vue.js 3 What is the correct way to initialize my number variable? [duplicate]Vue.js 3 初始化我的数字变量的正确方法是什么？ [复制]

【发布时间】：2021-05-04 20:01:51

【问题描述】：

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

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

这是相关代码：

interface ComponentState 
  heroSelected: number;


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

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

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

【参考方案1】：

您的interface 应定义如下：

interface ComponentState 
  heroSelected: number | null| undefined;