父组件中,给名为 pieCharts 的子组件传递了数据 selPermissionId:
html
<pieCharts :selPermissionId="selPermissionId"/>
子组件使用 watch
进行监听,数据改变了就会更新页面:
javascript
props: {
selPermissionId: '',
},
javascript
data(){
return{
dpId: 0,
}
}
watch: {
selPermissionId(val) {
this.dpId = val
console.log('子组件接收所的选择的范围:', val);
// 使用更新后的数据,如调用相关接口等等
this.getServerData();
},
}