vue3 解决reactive数组对象属性更新问题
vue3 setup中使用对象数组const state = reactive<DataProps>({fileList:[]})如果更新数组中的对象属性会发现数据不会更新,比如const newImgFile: ImgFile = {path:result,status: 'selected',file: files[0]}state.fileList.push(newImgFile
·
vue3 setup中使用对象数组
const state = reactive<DataProps>({
fileList:[]
})
如果更新数组中的对象属性会发现数据不会更新,比如
const newImgFile: ImgFile = {
path:result,
status: 'selected',
file: files[0]
}
state.fileList.push(newImgFile)
newImgFile.path = '123';
解决办法,外面包一层reactive
const newImgFile: ImgFile = reactive({
path:result,
status: 'selected',
file: files[0]
})
state.fileList.push(newImgFile);
newImgFile.path = '123'; //再修改可以正常更新
或者
const newImgFile: ImgFile = {
path:result,
status: 'selected',
file: files[0]
}
state.fileList.push(newImgFile);
state.fileList[state.fileList.length-1].path='123' //再修改可以正常更新
更多推荐
已为社区贡献1条内容
所有评论(0)