【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 小时前
Headless浏览器的隐形陷阱:为什么你的AI自动化工具抓不到页面早期错误?
前端
zithern_juejin13 小时前
原型与原型链
javascript
irving同学4623813 小时前
Node 后端实战:JWT 认证与生产级错误处理
前端·后端
莽夫搞战术14 小时前
【Google Stitch】AI原生画布重新定义设计,让想法变成可交互界面
前端·人工智能·ui
甲维斯14 小时前
Gemini3.5Flash前端是真的强!
前端·人工智能
光泽雨14 小时前
c#中的Type类型
开发语言·前端
Captaincc14 小时前
来自 Codex 官方团队的分享:如何把 Codex 用到极致
前端·vibecoding
lichenyang45315 小时前
鸿蒙聊天 Demo 练习 05:新增登录功能,实现登录态保存与页面访问控制
前端
还有多久拿退休金15 小时前
我用 Three.js 造了个 3D 漫步世界,角色走路像喝醉了——以及我是怎么修好的
前端·vue.js
SZLSDH15 小时前
场景适配论 | 数字孪生IOC建设中渲染技术与智能体能力的协同逻辑
前端·数据库·ai·数字孪生·数据可视化·智能体