rexcoder
rexcoder
  • 发布:2024-09-11 15:34
  • 更新:2024-09-24 10:59
  • 阅读:165

【报Bug】uniapp vue3 props接收父组件的值, 在鸿蒙真机获取不到

分类:鸿蒙Next

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: mac os 11.4

HBuilderX类型: 正式

HBuilderX版本号: 4.24

手机系统: HarmonyOS NEXT

手机系统版本号: HarmonyOS NEXT Developer Beta1

手机厂商: 华为

手机机型: Mate 60

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

父组件

<template>  
    <view class="content">  
        <image class="logo" src="/static/logo.png"></image>  
        <childVue name="123" ></childVue>  
    </view>  
</template>

子组件


<template>  
    <view>Child</view>  
    <view>{{name}}</view>  
</template>  
<script setup>  
    import {defineProps} from "vue"  
    const props = defineProps({  
        name: String,  
    });  
    console.log("name=" + props.name); // id=10  
</script>  

<style>  
</style>  

操作步骤:

使用Dcloud创建出来的 vue3 模板,增加子组件, 传值。
在h5, ios, android 均可以正常获取。

但真机运行到鸿蒙平台无法显示,打印props为{} ,不包含父组件传过来的值

预期结果:

鸿蒙平台子组件 可以正常接收父组件的props

实际结果:

鸿蒙平台子组件接收到父组件的值为 {}

bug描述:

使用Dcloud创建出来的 vue3 模板,增加子组件, 传值。
在h5, ios, android 均可以正常获取。

但真机运行到鸿蒙平台无法显示,打印props为{} ,不包含父组件传过来的值

对应的效果和鸿蒙日志 如附件所示

2024-09-11 15:34 负责人:DCloud_UNI_yuhe 分享
已邀请:
rexcoder

rexcoder (作者)

听了群友的 改为options 的方式, UI上可以显示 props的值。 但是在mounted里面打印 props, 其他平台可以获取到, 鸿蒙平台获取的仍然为{}

DCloud_UNI_yuhe

DCloud_UNI_yuhe

这个是已知问题,已反馈给华为,后期会修改

  • rexcoder (作者)

    收到,谢谢

    2024-09-11 16:24

rexcoder

rexcoder (作者)

鸿蒙手机系统升级到Beta3无此问题

9***@qq.com

9***@qq.com

我也遇到同样问题了,跟楼主一摸一样

  • rexcoder (作者)

    升级手机系统吧

    2024-09-24 11:11

要回复问题请先登录注册