页面跳转数据问题

来源:6-7 添加 columnDetail页面

安静bro

2021-04-29

老师 你好 我有个疑问,在home页面使用columnList组件的时候,当columnList里面的内容缺失图片的时候,我们会给他换一张默认图片,这个是没问题的。但是当我点进入专栏的时候根据路由的id进行匹配,这个时候匹配的不是应该是testData里面的数据吗? 为什么缺失的图片还是会展示默认的图片呢? 这个地方有点不懂

写回答

2回答

张轩

2021-05-03

同学你好 虽然是map 但是注意我们的每一项是一个对象欧,它在原对象上进行操作,就会修改当中的值,除非你先复制一份数据,可以试试代码

const a = [  {name: 'viking'} ]
const b = a.map(item => {  item.name = item.name + 'z'})
console.log(a)
// 返回 
// {
  // name: "vikingz"
// }


1
1
安静bro
非常感谢!
2021-05-03
共1条回复

张轩

2021-04-30

同学你好 是因为在 ColumnList 里面的操作其中的 map 修改了对应的数据,假如你在 详情页 把 testData 打出来的话,就会发现它的数据已经被修改了,但是假如你直接刷新对应的页面的话,就会发现这个 avatar 字段是不存在的

0
1
安静bro
map不是不会修改原始数组的吗? 还是有点不懂呀 老师。在详情页他的find不是去testData里面匹配的吗,columnList不就只携带了一个id吗?
2021-05-01
共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程