【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();
        },
    }
相关推荐
yqcoder几秒前
JavaScript 的速度秘密:深入理解 JIT (即时编译)
开发语言·javascript·ecmascript
Mike_jia2 分钟前
TrendRadar:开源趋势监控工具
前端
GISer_Jing3 分钟前
BOSS上AIAgent|前端AI所需要技能
前端·人工智能·ai·前端框架
西洼工作室6 分钟前
UniApp开发全攻略:从生命周期到路由传值
前端·javascript·uni-app
LaughingZhu10 分钟前
Product Hunt 每日热榜 | 2026-05-17
前端·人工智能·chatgpt·html
Cobyte13 分钟前
Agent Skills 系统的本质原理
前端·aigc·ai编程
星恒随风13 分钟前
四天学完前端基础三件套(JavaScript webAPI篇)
开发语言·前端·javascript
IT_陈寒18 分钟前
Redis突然吃掉所有内存,我的服务差点挂了
前端·人工智能·后端
2601_9584925518 分钟前
Behavioral Analysis of HTML5 Trivia Integration
前端·html·html5
知彼解己20 分钟前
从后端视角学习 Vue3:核心知识与数据流实践
javascript·vue.js·ecmascript