【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();
        },
    }
相关推荐
程序猿阿伟几秒前
《Chrome隔离机制的维度落地指南》
前端·chrome
用户054324329702 分钟前
AI 生成的代码怎么在前端安全预览 + 一键运行:sandbox iframe 实战 🔒
前端
ALianBlank3 分钟前
一个 Unity 框架能做多少事?86 个模块 + 21 个小游戏平台
前端·后端·游戏开发
JieE2125 分钟前
树与二叉树--JS实例
javascript·数据结构
To_OC7 分钟前
搞懂二叉树递归遍历,我居然是从爬楼梯开始的
前端·javascript·数据结构
何何____12 分钟前
svg基本图形绘制介绍
前端·css
weedsfly12 分钟前
Sass 运算 vs CSS calc():你的计算该放在哪一层?
前端
用户72291345045214 分钟前
数字故障美学:用 Canvas 实现 RGB 偏移、像素排序与扫描线
javascript
英勇无比的消炎药15 分钟前
一套代码多端运行TinyVue响应式开发
vue.js·响应式设计
小森林之主15 分钟前
深入正则表达式:核心语法与实战剖析
javascript·python·正则表达式·编程技巧·字符串处理