【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();
        },
    }
相关推荐
努力学编程呀(๑•ี_เ•ี๑)13 分钟前
【405】Not Allowed
java·vue.js·nginx·node.js
_Rookie._15 分钟前
npm run 的原理
前端·npm·node.js
木斯佳19 分钟前
前端八股文面经大全:2026-01-13MiniMax前端实习二面面经深度解析
前端·状态模式
远离UE419 分钟前
Blender模型正常导入UE5 FBX 轴向匹配
前端
谭光志20 分钟前
OpenClaw 安装与运行教程
前端·后端·ai编程
+VX:Fegn08951 小时前
计算机毕业设计|基于springboot + vue动漫交流与推荐平台系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
0思必得01 小时前
[Web自动化] Selenium浏览器复用
前端·python·selenium·自动化
之歆1 小时前
Linux 系统安装、故障排除、sudo、加密、DNS 与 Web 服务整理
linux·运维·前端
OpenTiny社区1 小时前
TinyEngine 2.10 版本发布:零代码 CRUD、云端协作,开发效率再升级!
前端·vue.js·低代码
哟哟-1 小时前
Nginx配置:静态文件访问时动态添加时间戳
运维·前端·javascript·nginx