播放列表数据从state中获取后面修改会提示报错而视频中的代码不会

来源：5-24 播放器播放列表组件实现（03）

_酒红色的心

2022-03-21

我按照源码来会报错，按照报错提示深拷贝赋值后就没问题了，老师我不太明白视频中代码直接将state中的数据赋值给sequenceList和playlist然后用splice（）修改不会报错
图片描述

写回答

1回答

ustbhuangyi

2022-03-22

如果 const sequenceList = state.sequenceList
是一个 proxy 的响应式，所以
sequenceList.splice(sequenceIndex, 1) 会变成 commit 的外面

//img.mukewang.com/szimg/623977da0932159617040382.jpg
而 const sequenceList = state.sequenceList.slice() 就不会变成响应式

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ，提升的不止是Vue代码能力

2223 学习 · 1002 问题

查看课程

相似问题

点击歌手列表报错，无法获取歌手详情

回答 1

轮播图接口获取数据返回错误，辛苦老师给看看

回答 2

歌手列表在代码保存编译后报错

回答 1

setup中ref传递与获取

回答 1

播放歌曲的时候总是播放第一首歌

回答 2

打开慕课网App查看更多内容