created mounted拿不到props值问题
子组件动态获取父组件传来的值时,因为props原理是通过ajax请求回来的。
请求的这个过程是需要时间,但是子组件的渲染要快于ajax请求过程,所以此时 created 、 mounted 这样的只会执行一次的生命周期钩子已经执行了,但是 props 还没有流进来(子组件),所以只能拿到默认值。
解决方法:需要对props的值进行监听,然后获取新值:
props:{
selectData:{
type:Array
}
},
data(){
return:{
feedbackData:{
}
}
}
watch:{
selectData:{
handler:function(newval,oldval){
this.feedbackData.debtor = newval[0].debtor_name
this.feedbackData.debtor_id = newval[0].debtor_id
},
deep:true,
}
}