【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 天前
Vue 3 组件通信全方案详解:Props/Emit、provide/inject、事件总线替代与组合式函数封装
前端·javascript·vue.js
研☆香1 天前
html框架页面介绍及制作
前端·html
be or not to be1 天前
CSS 定位机制与图标字体
前端·css
DevUI团队1 天前
🔥Angular高效开发秘籍:掌握这些新特性,项目交付速度翻倍
前端·typescript·angular.js
Moment1 天前
如何在前端编辑器中实现像 Ctrl + Z 一样的撤销和重做
前端·javascript·面试
宠..1 天前
优化文件结构
java·服务器·开发语言·前端·c++·qt
Rysxt_1 天前
Vue.js 中 LocalStorage 与 SessionStorage 深度实践指南
vue.js·localstorage·sessionstorage
Tencent_TCB1 天前
AI Coding全流程教程——0基础搭建“MEMO”健康打卡全栈Web应用(附提示词)
前端·人工智能·ai·ai编程·codebuddy·claude code·cloudbase
小猪猪屁1 天前
权限封装不是写个指令那么简单:一次真实项目的反思
前端·javascript·vue.js
hteng1 天前
跨域 Iframe 嵌套:调整内部 Iframe 高度的终极指南 (以及无解的真相)
前端