照相

发布：2025-05-15 21:36
更新：2025-05-15 22:21
阅读：167

【报Bug】在vue3+微信小程序中，子组件中的所有id都被加上了随机前缀，导致根据id获取节点信息失效

分类：uni-app

bug反馈不是bug

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 15.0 (24A335)

HBuilderX类型：正式

HBuilderX版本号： 4.64

第三方开发者工具版本号： 1.06.2412060

基础库版本号： 3.8.2

项目创建方式： HBuilderX

示例代码：

页面代码

<template>  
    <view class="container">  
        <List />  
    </view>  
</template>  
<script setup>  
    import List from "./list.vue"  
</script>

子组件List.view

<template>  
  <view class="content">  
    <view id="test">  
      321321  
    </view>  
  </view>  
</template>

操作步骤：

运行demo到小程序，检查元素查看id值

预期结果：

id值应该为test

实际结果：

id值为`bf98b38f--test`，前面`bf98b38f`每次加载都不同

bug描述：

在vue3+微信小程序中，子组件中的所有id都被加上了随机前缀，导致根据id获取节点信息失效

2025-05-15 21:36 负责人:无分享

1 个回复

DCloud_UNI_JBB

测试了一下原生微信小程序也是这样的，子组件的id前面带有随机的hash值，见第一张附件图片。

另一个问题，拿不到节点，用你的demo并没复现你说的问题，测试结果见附件第二张图

照相 (作者)

随机id前缀确实不影响获取节点信息，是我自身问题导致，谢谢大佬~

2025-05-21 00:25

要回复问题请先登录或注册

【报Bug】在vue3+微信小程序中，子组件中的所有id都被加上了随机前缀，导致根据id获取节点信息失效

示例代码：

页面代码

`<template> <view class="container"> <List /> </view> </template> <script setup> import List from "./list.vue" </script>`

子组件List.view

`<template> <view class="content"> <view id="test"> 321321 </view> </view> </template>`

操作步骤：

运行demo到小程序，检查元素查看id值

预期结果：

id值应该为test

实际结果：

id值为`bf98b38f--test`，前面`bf98b38f`每次加载都不同

bug描述：

1 个回复

公告

相关问题

【报Bug】在vue3+微信小程序中，子组件中的所有id都被加上了随机前缀，导致根据id获取节点信息失效

示例代码： 页面代码 <template> <view class="container"> <List /> </view> </template> <script setup> import List from "./list.vue" </script> 子组件List.view <template> <view class="content"> <view id="test"> 321321 </view> </view> </template>

操作步骤： 运行demo到小程序，检查元素查看id值

预期结果： id值应该为test

实际结果： id值为bf98b38f--test，前面bf98b38f每次加载都不同

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

页面代码

`<template> <view class="container"> <List /> </view> </template> <script setup> import List from "./list.vue" </script>`

子组件List.view

`<template> <view class="content"> <view id="test"> 321321 </view> </view> </template>`

操作步骤：

运行demo到小程序，检查元素查看id值

预期结果：

id值应该为test

实际结果：

id值为`bf98b38f--test`，前面`bf98b38f`每次加载都不同