技术栈

Vue3父传子获取值为data中的值赋值

Adellle2024-04-10 9:32
复制代码
<script>
	export default {
		props: {
			id: Number,
		},
		data() {
			return {
				user: {
					id: 0,

				}
			};
		},
		watch: {
			id: function(id) {
				this.user.id = id;
			}
		},
		methods: {};
		mounted() {};
	};
</script>

使用watch监听

watch: {
id: function(id) {
this.user.id = id;
}
},

上一篇:嵌入式之内存篇(二)
下一篇:Hive的简单学习一
相关推荐
TU不秃头
1 小时前
JS逆向实战五:某海关公示平台分析(瑞数加密)
javascript·爬虫
anOnion
4 小时前
构建无障碍组件之Carousel Pattern
前端·html·交互设计
ssshooter
4 小时前
Tauri 2 iOS 开发避坑指南:文件保存、Dialog 和 Documents 目录的那些坑
前端·后端·ios
Можно
5 小时前
深入理解 ES6 Proxy:与 Object.defineProperty 的全面对比
前端·javascript·vue.js
Birdy_x
5 小时前
接口自动化项目实战(1):requests请求封装
开发语言·前端·python
天天向上1024
6 小时前
vue el-table实现拖拽排序
前端·javascript·vue.js
西西学代码
7 小时前
Flutter---回调函数
开发语言·javascript·flutter
卷帘依旧
7 小时前
JavaScript 闭包经典问题:为什么输出 10 次 i=10
javascript
柳杉
7 小时前
Three.js × Blender:从建模到 Web 3D 的完整工作流深度解析
前端·javascript·数据可视化
reembarkation
8 小时前
vue3中使用howler播放音频列表
前端·vue.js·音视频
热门推荐
012026年3月AI领域大事件:DeepSeek引领开源风暴02GitHub 镜像站点03围棋-html版本04纯 HTML/CSS/JS 实现的高颜值登录页,还会眨眼睛!少女心爆棚!05班级宠物园部署指南06“wsl --install -d Ubuntu-22.04”下载慢,中国地区离线安装 Ubuntu 22.04 WSL方法(亲测2025年5月6日)07OpenClaw 使用和管理 MCP 完全指南08小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)09中国象棋-html版本10UV安装并设置国内源