软件教程 2025年08月6日
0 收藏 0 点赞 350 浏览 890 个字
摘要 :

在使用Vue3中使用TypeScript时,根据角标引用数组元素时出现如下错误: 错误提示:Property ‘xxx’ does not exist on type ‘never’ 其中state……

在使用Vue3中使用TypeScript时,根据角标引用数组元素时出现如下错误:
TypeScript提示Property ‘xxx’ does not exist on type ‘never’问题解决

错误提示:Property ‘xxxdoes not exist on type ‘never’

其中stateformState定义代码如下:

let state = reactive({
    staplantypesArr: [],
    dynplantypesArr: [],
});
let formState = reactive({
    planType: undefined, 
});

而我报错代码部分就是想将经过筛选过滤后的得到的数组(赋值给了state.staplantypesArr数组了),然后再将state.staplantypesArr的第1个元素的planTypeCode属性赋值给formState.planType,结果就出现了如上图所见的错误,对于对于像潘老师这种专注后端,前端不咋地的人而言,不知道原因,但最终还是通过如下方案解决了:

// 计划类型
planTypes().then((arr: any) => {
    state.staplantypesArr = arr.filter((planType:any) => !planType.isDynamic);
    state.dynplantypesArr = arr.filter((planType:any) => planType.isDynamic);
    // 调用实现
    initSelectedPlanType();
});
// 新增一个方法,重点在于将赋值给重新定义的一个any类型的变量
const initSelectedPlanType = () => {
    let staArr:any = state.staplantypesArr;
    formState.planType = staArr[0].planTypeCode;
}

主要实现思路就是将 state.staplantypesArr赋值给重新定义的一个any类型的变量,然后再去获取数组元素调用属性赋值,以上就是TypeScript提示Property ‘xxx’ does not exist on type ‘never’问题解决方案,如果你有更好的解决方案,记得评论哦!

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.zuozi.net/6030.html

管理员

相关推荐
2025-08-06

文章目录 一、Promise基础回顾 二、Promise 与 axios 结合使用场景及方法 (一)直接返回 axios …

269
2025-08-06

文章目录 一、模块初始化时的内部机制 二、常见导出写法的差异分析 (一)写法一:module.exports…

107
2025-08-06

文章目录 一、ResizeObserver详解 (一)ResizeObserver是什么 (二)ResizeObserver的基本用法 …

683
2025-08-06

文章目录 一、前期准备工作 (一)下载相关文件 (二)安装必要工具 二、处理扣子空间生成的文件…

338
2025-08-06

文章目录 一、官方文档 二、自动解包的数据类型 ref对象:无需.value即可访问 reactive对象:保持…

371
2025-08-06

文章目录 一、Hooks的工作原理 二、在if语句中使用Hook会出什么岔子? 三、React官方的Hook使用规…

843
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:08:00-23:00

客服QQ

122325244

客服电话

400-888-8888

客服邮箱

122325244@qq.com

扫描二维码

关注微信客服号