v-for做翻页时,数据没刷新。(key值重复的原因)

先写上结论,最后再写由来。

v-for涉及到分页的时候,key值不要单纯用index,或者`string${index}`。因为翻页后,index还是0-9。用ID等

有个需求,分页展示步骤图。

like this:
然后做的时候不细心,key值写成了v-for的index。然后文字信息刷新了。理所当然的以为正确了。

后来测试发消息给我说当前节点不对,和后台设置的对不上。开始查找缘由,经过一顿操作,发现当前节点的位置,第一页和第二页位置一样,,,所以判定应该是key值导致的。然后发现自己很傻缺的设了个index。改成数据ID后恢复正常。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值