【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();
        },
    }
相关推荐
之歆3 分钟前
DAY_20JavaScript 条件语句与循环结构深度学习(一)
前端·javascript
lihaozecq4 分钟前
从零实现一个 ReAct Agent Loop - 可中断、可流式、多模型支持
前端·agent·ai编程
冴羽yayujs9 分钟前
GitHub 前端热榜项目 - 日榜(2026-05-10)
前端·github
CAE虚拟与现实9 分钟前
前后端调试常用工具大全
前端·后端·vue·react·angular
iuu_star9 分钟前
跑通最简单的Vue3+Python前后端分离项目
前端·vue.js·python
AZaLEan__12 分钟前
CSS3:从 2D 变换到 3D 翻转
前端·3d·css3
剑神一笑13 分钟前
Linux du 命令深度解析:从磁盘占用统计到目录空间分析
linux·运维·前端
weixin_4462608515 分钟前
AI驱动的前沿前端技术栈深度解析:从模型能力到UI封装的完整生命周期
前端·人工智能·ui
程序猿编码18 分钟前
Linux 高负载场景下 Web 服务访问日志极速定位工具实现解析(C/C++代码实现)
linux·服务器·c语言·前端·c++
ZC跨境爬虫19 分钟前
跟着 MDN 学 HTML day_35:(深入解析 CharacterData 抽象接口)
java·前端·ui·html·edge浏览器·媒体