2***@qq.com
2***@qq.com
  • 发布:2021-11-11 12:17
  • 更新:2023-11-16 14:55
  • 阅读:580

【报Bug】组件之间的循环引用,A->B->A,导致A不渲染dom.

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.2.12

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: 都不可以

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

page.vue

<template>  
    <view class="page">  
        <b-test></b-test>  
    </view>  
</template>  
<script>  
export default {  
    data() {  
        return {};  
    },  
};  
</script>  
<style lang="scss" scoped>  
.page {  
    width: 100%;  
    height: 100%;  
    padding: 100px;  
}  
</style>  

b-test.vue

<template>  
    <view>  
        <text>{{ isChild ? "subAAA" : "AAA" }}</text>  
        <view v-if="!isChild">  
            <b-subtest></b-subtest>  
        </view>  
    </view>  
</template>  

<script>  
export default {  
    name: "b-test",  
    props: {  
        isChild: {  
            type: Boolean,  
            default() {  
                return false;  
            },  
        },  
    },  
    data() {  
        return {};  
    },  

    created() {},  
};  
</script>

b-subtest.vue

<template>  
    <view>  
        <text>subBBB</text>  
        <b-test :isChild="true"></b-test>  
    </view>  
</template>  

<script>  
export default {  
    name: "b-subtest",  
    components: {  
        bTest: () => import("../b-test/b-test"),  
    },  
    data() {  
        return {};  
    },  

    created() {},  
};  
</script>

操作步骤:

预期结果:

AAA
subBBB
subAAA

实际结果:

AAA
subBBB

bug描述:

vue页面中使用组件A,A组件内使用到了组件B,组件B中又使用到了组件A。H5显示正常,app内运行。未渲染B组件内的组件A。

2021-11-11 12:17 负责人:无 分享
已邀请:
kl_____

kl_____ - ?????

兄弟你解决了吗?

爱吃蜂蜜么么熊

爱吃蜂蜜么么熊

这个是不是uniapp不支持啊,我也遇到同样的问题

YUANRJ

YUANRJ

组件的循环引用用到了异步组件,App端不支持异步组件,需要把组件定义到全局。

要回复问题请先登录注册