vue props传给子组件得不到值

Question

父组件data(){mapArr:[],}proChange(params){letmapArr;this.prolistData.forEach((item,i)=>{if(item.areaid==this.params.proid){mapArr=item;}});console.log("mapArr",mapArr);},子组件props:["makerData","markerId","mapName","proData","applyFlag"],watch:{proData:function(val,oldVal){console.log("====41",val);if(val){this.mapPosition(this.proData);}},},mapPosition(mapArr){console.log(mapArr);this.map.centerAndZoom(newT.LngLat(mapArr.longitude,mapArr.latitude),mapArr.zoom);},mapPosition我在父组件改变mapArr的值子组件mapPosition这个方法不执行

Answer 1

父组件并没有改变myAttr呀，你重新let声明了一个。并且因为你在父组件是直接赋值呀，那子组件中的数组对象还是原来的对象，但是父组件由于重新赋值已经和原来的数组对象无关了。
                            

Answer 2

在子组件中新加一个变量
data(){
proDataNew:''
},
mounted(){
proDataNew=this.proData
},
watch:{
proDataNew(){
//todo
}
}