Vue3+TS
在最近使用Vue3+TS开发项目时,发现一些报错,以此记录。
场景
在script中,为一个对象中的数组属性使用push函数,报错,报错信息为TypeError: Cannot set properties of undefined (setting ‘0’),翻译为中文为TypeError:无法设置未定义的属性(设置’0’)
这种情况只出现在操作引用类型的时候,对对象添加一个基本数据类型的属性通过。
const formInfo = ref({
userCode: '',
userPassword: '',
})
formInfo.arr[0] = '1' //报错来源
formInfo.newData = '1' //正确
解决方案
在对象中要操作的引用数据类型的属性时,要对属性进行初始化。
const formInfo = ref({
userCode: '',
userPassword: '',
arr:[]
})
formInfo.arr[0] = '1' //正确
formInfo.newData = '1' //正确