【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();
        },
    }
相关推荐
~央千澈~1 小时前
抖音弹幕游戏开发之第17集:添加日志系统·优雅草云桧·卓伊凡
linux·服务器·前端
JamesYoung79711 小时前
第一部分 — 基础知识 项目框架与文件布局
前端·chrome
孟健1 小时前
程序员就业率暴跌27.5%:我离开大厂5个月后,看懂了这件事
前端
卸任1 小时前
Electron判断是内置摄像头还是接摄像头
前端·react.js·electron
NEXT062 小时前
普通函数与箭头函数的区别
前端·javascript·面试
全马必破三2 小时前
Webpack知识点汇总
前端·webpack·node.js
NEXT062 小时前
CommonJS 与 ES Modules的区别
前端·面试·node.js
TechFind2 小时前
如何为 AI Agent 写出完美的 SOUL.md 人格文件(2026指南)
javascript
猪头男2 小时前
【从零开始学习Vue|第八篇】深入组件——组件事件
前端
薛一半2 小时前
React三大属性之refs
前端·javascript·react.js