vue3+ts报类型错误解决方法~不能将类型“{ id: number}[]”分配给类型“never[]”。

行咘行啊细狗

已于 2024-09-09 20:13:20 修改

阅读量409

点赞数 3

文章标签： vue.js 前端

于 2024-09-02 16:28:57 首次发布

本文链接：https://blog.csdn.net/m0_62626838/article/details/141823155

版权

1、情景：申明了一个const list=ref([]),然后我将请求回来的数组data赋值给list，直接报不能将类型“{ id: number; staffDept: string; staffNum: string; staffName: string; staffStatus: string; staffTag: string; }[]”分配给类型“never[]”。

错误原因：任何类型的值都不能赋值给 never 类型的变量。

2、解决方法。

interface Staff {
  id: number;
  staffDept: string;
  staffNum: string;
  staffName: string;
  staffStatus: string;
  staffTag: string[];
}

const list = ref<Staff[]>([]);

// 假设你已经获取到了请求回来的数据 data
list.value = data;

3、在这个例子中，我们定义了一个名为 Staff 的接口，它描述了员工对象的结构。然后，我们创建了一个名为 list 的变量，并将其类型设置为 Staff[]。这样，我们就可以将符合 Staff 接口的对象数组分配给 list 变量，而不会出现类型错误。