详细问题描述
定义父子组件,当父组件向子组件传递 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)) 引起
2 个回复
f***@163.com
两年过去了,这问题还在。。。有没有人有好的解决方案
f***@163.com
目前是直接在子组件访问this.$parent获取所需参数了。不传了,直接传过去的Function,里面的this是子组件的this