BlueSky0
BlueSky0
  • 发布:2024-04-21 18:11
  • 更新:2024-04-27 08:26
  • 阅读:128

百度小程序,v-for遍历渲染自定义的子组建,数据排序重渲染异常

分类:uni-app
  1. 目标环境: 百度小程序

  2. 前提: 以v-for形式遍历(ref(LIST))渲染自定义子组件,以id为唯一标识设置key,并传入相关数据(prop方式,包括: orderId=id)。

  3. 描述:
    3.1 初始化渲染后在子组件内onMounted生命周期下进行console打印orderId,可以准确打印当前orderId值(数值存储到实例中一个新变量内: childComponentOrderId)。
    3.2 (问题)当重新对(LIST)进行排序后,通过click方式触发打印: props.orderId 和 childComponentOrderId , 发现在该组建实例中,打印出的值存在不同(props.orderId !== childComponentOrderId )(对比,其他微信、支付宝,props.orderId === childComponentOrderId )

  4. 疑问: 同一组建实例在外层传入不改变情况下应该是同一个值,为何在百度小程序下会有这个情况

uni-app version: 3.0.0-alpha-3090420231023001

2024-04-21 18:11 负责人:无 分享
已邀请:
1***@163.com

1***@163.com

^qUxJg$cc67478173394c8d6603063ca37cd08f316af02d8

要回复问题请先登录注册