9***@qq.com
9***@qq.com
  • 发布:2019-12-19 17:42
  • 更新:2021-11-03 10:13
  • 阅读:836

【报Bug】自定义组件父子传参丢失

分类:uni-app

详细问题描述

定义父子组件,当父组件向子组件传递 props 给子组件,子组件拿到的 porps 部分属性丢失(function 类型)。

[内容]

<!-- parent -->  
 <template>  
     <view>  
        <child :params="params"></child>  
    </view>  
</template>  

<script>  
    import child from './child'  
    export default {  
        components: {  
            child  
        },  
        data() {  
            return {  
                params: {  
                    pa: 1,  
                    pb: 2,  
                    pc: function() {  
                        console.log(1)  
                    }  
                }  
            }  
        }  
    }  
</script>  
<!-- parent -->  

<!-- child -->  
<template>  
     <view>  
        查看  
    </view>  
</template>  

<script>  
    export default {  
        props: {  
            params: {  
                type: Object  
            }  
        },  
        mounted() {  
            console.log(this.params)  
        },  
        data() {  
            return {  
            }  
        }  
    }  
</script>  
<!-- child -->

[结果]
在子组件的props中 params.pc 丢失

[期望]
在子组件的props中 params.pc 为 function 方法

IDE运行环境说明

[IDE版本号] :HBuilderX(2.4.6.20191210)

[windows版本号]:win10 17763.914

uni-app运行环境说明

[运行端版本号]: 微信开发者工具(1.02.1911180)

[项目创建]: HBuilderX创建

[编译模式] :自定义组件

联系方式

[QQ]:927971519

备注

可能由于 JSON.parse(JSON.stringify(ret)) 引起

2019-12-19 17:42 负责人:无 分享
已邀请:
f***@163.com

f***@163.com

两年过去了,这问题还在。。。有没有人有好的解决方案

f***@163.com

f***@163.com

目前是直接在子组件访问this.$parent获取所需参数了。不传了,直接传过去的Function,里面的this是子组件的this

该问题目前已经被锁定, 无法添加新回复