收藏
回答

微信小程序组件中循环输出ID会出现奇怪的前缀,什么情况?

回答关注问题邀请回答
收藏

8 个回答

  • 工号9527
    工号9527
    2022-04-22

    只是展示有问题,queryselector 正常用即可。

    展示问题我们修复一下

    2022-04-22
    有用
    回复 9
    • 疯狂的石头
      疯狂的石头
      2022-05-04
      修复了吗?
      2022-05-04
      回复
    • 
      2022-06-08
      scroll-into-view 获取这个id是获取不到的
      2022-06-08
      1
      回复
    • afra
      afra
      2022-06-15
      同样遇到了这样的问题,在component里的元素的id编译后会前面加了一串数字,导致无法使用selectComponent获取元素
      2022-06-15
      回复
    • dev
      dev
      2022-08-01
      能获取到这个id也行呀,不然没法用 scroll-view
      2022-08-01
      1
      回复
    • destiny
      destiny
      2022-08-18
      啥时候修复?scroll-into-view怎么使用?
      2022-08-18
      回复
    查看更多(4)
  • brave
    brave
    2022-04-22

    丢个代码片段这边看下 https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2022-04-22
    有用 3
    回复 6
    • 阿升
      阿升
      2022-04-22
      https://developers.weixin.qq.com/s/dvK95Hmj7Qy8
      2022-04-22
      回复
    • 阿升
      阿升
      2022-04-22
      不知道是哪里的问题,老师傅给掌掌眼
      2022-04-22
      回复
    • brave
      brave
      2022-04-22回复阿升
      问题已复现,目前先用 class="comment_id_{{item.id}}" 进行规避。修复的话我再回复你。
      2022-04-22
      回复
    • 阿升
      阿升
      2022-04-22
      2022-04-22
      回复
    • destiny
      destiny
      2022-08-18回复brave
      这个问题下,scroll-into-view怎么用?
      2022-08-18
      1
      回复
    查看更多(1)
  • 白夜
    白夜
    2025-03-20

    如果在组件(Component)内使用,要加上in(this),不然随机数加在ID或者class上会导致获取不到想要的元素信息。

    2025-03-20
    有用
    回复
  • console.log(黄辣丁)
    console.log(黄辣丁)
    2025-01-09

    如果你需要动态生成 id,而框架在渲染时会加前缀,可以考虑使用 ref 获取目标元素的 id,并手动更新 scroll-into-view

    实现方式:

    1. 给循环生成的列表项赋予 ref
    2. 使用 $refs 获取目标元素的 id
    3. 设置 scroll-into-view 的值为目标 id

    // 动态获取目标 item 的 id

    const ref = this.$refs[`item_${index}`][0]; // 获取 ref DOM 元素

    this.currentScrollId = ref.id; // 设置目标 id 如果是组件 就是ref.$el.id

    2025-01-09
    有用
    回复
  • HelloC
    HelloC
    发表于移动端
    2024-07-22
    2024年了,解决了吗?
    2024-07-22
    有用
    回复 1
    • 0
      0
      2025-03-15
      2025年都还没修复😅
      2025-03-15
      回复
  • 谢均平
    谢均平
    2023-08-11

    被你们这回复吓到了,scroll-into-view 这个可以直接写id,至于模拟器生成的前面的xxx--your_id, 你可以直接使用your_id,但一定要注意,scroll-into-view 要用data的数据变量,并且是在滚动内容显示完全后,再去setData,一开始就写死,不会生效的。

    我已在生产使用,体验请搜索“惠农网” ,行情模块中品类详情页品类洞察购买弹窗中的权益点击弹窗。

    2023-08-11
    有用
    回复 2
    • LYQ
      LYQ
      2025-06-24
      找半天没找到地方
      2025-06-24
      回复
    • Aiden!
      Aiden!
      2025-06-27
      你没理解作者意思
      2025-06-27
      回复
  • 银河护道人
    银河护道人
    2022-12-19

    我去~ 已经过了八个月了~

    2022-12-19
    有用
    回复
  • 健
    2022-05-01

    同遇到,有什么进展吗

    2022-05-01
    有用
    回复
登录 后发表内容