【vue】解决父传子时父组件的数据更新了,但是子组件没更新

父组件中,给名为 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();
        },
    }
相关推荐
Shirley~~4 分钟前
Three.js加载Gltf模型并播放动画
前端·3d
Data analyse45612 分钟前
Session超时与浏览器休眠的计时校验
大数据·前端·数据库·数据分析
星始流年15 分钟前
AI 时代,软件程序员未来 10—15 年的职业前景
前端·后端·ai编程
猪猪拆迁队22 分钟前
跨电脑复制共享-局域网直连踩坑
前端·后端·go
静默回滚23 分钟前
逐帧处理视频的内存去哪了,我从看错读数查到没排队
前端
重庆穿山甲39 分钟前
我们不做「看起来很聪明」的知识库:一套企业级 RAG 平台的 37 屏真机实录
前端
风花一世月1 小时前
🛩️ 我把一段夕阳飞行做成了能按键驾驶的网页(24 秒四段航线,在线直接玩)
前端
用户11481867894841 小时前
实现一个「配置驱动」的动态表格组件(Vue + Element UI)
前端
数据掘金1 小时前
小程序分享参数在页面栈中的传递
前端
乐享qicheng1 小时前
1,自定义表单通俗理解-PC设计APP渲染
前端