【报Bug】在微信小程序中，动态props不能使用 kebab-case 的命名方式

分类：uni-app

bug反馈

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

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： M1

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

基础库版本号： 2.32.3

项目创建方式： CLI

CLI版本号： 3.0.0

示例代码：

父组件

<dh-picker-select  
 ref="selectRef"  
  title="选择"  
  :mask-click="false"  
  :show-cancel="false"  
  :data-list="entList"  
/>  
<script setup>  
 onMounted(() => {  
   setTimeout(() => {  
     entList.value = [{ code: 123, name: '123' }]  
   }, 1000)  
 })  
</script>

子组件

  watch(  
    () => props.dataList,  
    (curValue) => {  
      console.log('dataList');  
      console.log(curValue);  
    }  
  );

操作步骤：

打开父组件所在页面，隔了1s后，H5端打印了子组件watch中的内容，小程序没用打印。

预期结果：

小程序中，子组件中打印watch监听的内容

实际结果：

小程序中没用监听到dataList的变化。但是把:data-list改成:list是可以正常监听.所以不确定是否是小程序不支持这种写法还是什么原因导致的。

bug描述：

在父组件中传递props时，使用kebab-case命名时，子组件在H5端能正常监听props的变化，但是小程序无法监听到这个变化。

2023-12-11 11:33 负责人:无分享

1 个回复

YUANRJ

参考该issue，不要使用data-前缀定义props。

1***@163.com (作者)

好的，非常感谢

2023-12-12 10:01

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

【报Bug】在微信小程序中，动态props不能使用 kebab-case 的命名方式

操作步骤：

打开父组件所在页面，隔了1s后，H5端打印了子组件watch中的内容，小程序没用打印。

预期结果：

小程序中，子组件中打印watch监听的内容

实际结果：

小程序中没用监听到dataList的变化。但是把:data-list改成:list是可以正常监听.所以不确定是否是小程序不支持这种写法还是什么原因导致的。

bug描述：

1 个回复

公告

相关问题

【报Bug】在微信小程序中，动态props不能使用 kebab-case 的命名方式

操作步骤： 打开父组件所在页面，隔了1s后，H5端打印了子组件watch中的内容，小程序没用打印。

预期结果： 小程序中，子组件中打印watch监听的内容

实际结果： 小程序中没用监听到dataList的变化。但是把:data-list改成:list是可以正常监听.所以不确定是否是小程序不支持这种写法还是什么原因导致的。

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

打开父组件所在页面，隔了1s后，H5端打印了子组件watch中的内容，小程序没用打印。

预期结果：

小程序中，子组件中打印watch监听的内容

实际结果：

小程序中没用监听到dataList的变化。但是把:data-list改成:list是可以正常监听.所以不确定是否是小程序不支持这种写法还是什么原因导致的。