年少的张三丰
年少的张三丰
  • 发布:2024-04-16 14:13
  • 更新:2024-05-06 10:34
  • 阅读:481

【报Bug】抖音小程序,嵌套组件拿到的props为null

分类:uni-app

产品分类: uniapp/小程序/字节跳动

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11

HBuilderX类型: 正式

HBuilderX版本号: 4.08

第三方开发者工具版本号: 4.2.2

基础库版本号: 3.16.0.0

项目创建方式: HBuilderX

示例代码:

页面index.vue

<template>  
    <div>  
        <component-a v-bind:user-name="userName" />  
    </div>  
</template>  

<script>  
    import ComponentA from "./components/ComponentA.vue"  

    export default {  
        components: {ComponentA},  
        data() {  
            return {  
                userName: '张三'  
            }  
        }  
    }  
</script>

组件 ComponentA.vue

<template>  
    <div>  
        <div class="">A中直接渲染:{{studentName}}</div>  
        <component-b v-bind:user-name="studentName"/>  

    </div>  
</template>  

<script>  
    import ComponentB from "./ComponentB.vue"  

    export default {  
        components: {ComponentB},  
        props: {  
            userName: {  
                required: true  
            }  
        },  
        data() {  
            console.log("组件A props", this.userName)  
            return {  
                viewReady: false,  
                studentName: this.userName  
            }  
        },  
        created(){  
            console.log("组件A data",this.studentName)  
        }  
    }  
</script>

组件componentB.vue

<template>  
    <div>组件B中渲染:{{user.name}}</div>  
</template>  

<script>  
    export default {  
        props: {  
            userName: {  
                required: true  
            }  
        },  
        data() {  
            console.log("组件B",this.userName)  
            return {  
                user:{  
                    name:this.userName  
                }  
            }  
        }  
    }  
</script>

操作步骤:

下载附件中的代码运行即可

预期结果:

在组件B中渲染user.name为index.vue中传入的“张三”

实际结果:

在组件B中渲染user.name为null

bug描述:

抖音小程序异常
微信小程序正常

2024-04-16 14:13 负责人:DCloud_UNI_OttoJi 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

感谢反馈,应该是生命周期这里处理有问题,接下来我会跟进此问题

  • 年少的张三丰 (作者)

    好的,预计什么时候可以修复呢?基本上每天都会来看一下有无更新。

    2024-05-23 09:50

JXWang

JXWang

感谢反馈,vue2有问题,vue3是正常的,我排查一下原因,已加分

  • 年少的张三丰 (作者)

    抖音小程序还有一个相关问题,麻烦您也看一下。

    https://ask.dcloud.net.cn/question/189724

    2024-04-16 16:47

  • JXWang

    回复 1***@qq.com: 好的

    2024-04-16 16:58

  • 年少的张三丰 (作者)

    回复 JXWang: 您好,这个问题预计什么时候可以修复呢?抖音小程序嵌套组件生命周期执行顺序的问题确认了吗?

    2024-04-16 18:05

要回复问题请先登录注册