【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();
        },
    }
相关推荐
dyb-dev19 分钟前
我是如何学习 NestJS 的
前端·nestjs·全栈
kyriewen33 分钟前
重排、重绘、合成:浏览器渲染的“三兄弟”,你惹不起也躲不过
前端·javascript·浏览器
NickJiangDev38 分钟前
Elpis-Core 技术解析:从零构建一个基于 Koa 的企业级 Node.js 框架内核
前端
我要让全世界知道我很低调39 分钟前
来聊聊 Codex 高效编程的正确姿势
前端·程序员
NickJiangDev40 分钟前
Elpis Webpack 工程化实战:Vue 多页应用的构建体系搭建
前端
米饭同学i41 分钟前
GitLab CI/CD + Vue 前端 完整方案
前端
yuki_uix43 分钟前
遇到前端题目,我现在会先问自己这四个问题
前端·面试
Wect44 分钟前
JS 手撕:对象创建、继承全解析
前端·javascript·面试
PeterMap1 小时前
Vue.js全面解析:从入门到上手,前端新手的首选框架
前端·vue.js
3秒一个大1 小时前
深入理解 JS 中的栈与堆:从内存模型到数据结构,再谈内存泄漏
前端·javascript·数据结构