我在父组件传一个 ID值给子组件,但是子组件接收后,通过created生命周期或mounted生命周期里打印传递过来的值都是随机值,并不是我所传递过来的,
代码如下
父组件
<template>
<view>
<aaa :id='id'></aaa>
</view>
</template>
<script>
data(){
return{
id:19754
}
},
onload(){
console.log(''id',this.id)
},
method:{
}
</script>
子组件
<template>
<view>
{{id}}
</view>
</template>
<script>
props:['id'],
data(){},
mounted(){
console.log('id',this.idid)
},
method:{
}
</script>
解决办法:
通过watch来监听传递过来的字段:把这个字段赋值给一个新字段
<template>
<view>
{{newID}}
</view>
</template>
<script>
props:['id'],
data(){
return{
newId:''
}
},
mounted(){
console.log('id',this.idid)
},
watch:{
id:fuction(){
this.newID = this.id
}
console.log(this.newID)
},
method:{
}
</script>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
