页面跳转数据问题

Question

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

Answer 1

张轩 2021-05-03 17:37:56

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

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

• 提问者 安静bro #1

  非常感谢！

Answer 2

张轩 2021-04-30 12:38:04

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

• 提问者 安静bro #1

  map不是不会修改原始数组的吗？ 还是有点不懂呀  老师。在详情页他的find不是去testData里面匹配的吗，columnList不就只携带了一个id吗？