技术栈

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的简单学习一
相关推荐
LYFlied
几秒前
前端路由核心原理深入剖析
前端
用户1901768447865
1 分钟前
vue3规范化示例
前端
用户1901768447865
3 分钟前
Git分支管理与代码合并实践:保持特性分支与主分支同步
前端
哈__
12 分钟前
React Native 鸿蒙跨平台开发:下拉刷新功能
javascript·react native·react.js
没有鸡汤吃不下饭
22 分钟前
前端打包出一个项目(文件夹),怎么本地快速启一个服务运行
前端·javascript
liusheng
24 分钟前
Capacitor + React 的 iOS 侧滑返回手势
前端·ios
CUYG
36 分钟前
v-model封装组件(定义 model 属性)
前端·vue.js
子洋
38 分钟前
基于远程开发的大型前端项目实践
运维·前端·后端
用户3502015884748
41 分钟前
基于react-routet v7 的配置式 + 约定式路由系统 第一步:引入react-routerv7
前端
用户3502015884748
43 分钟前
基于react-routet v7 的配置式 + 约定式路由系统 第二步:一个简单的约定式路由系统
前端
热门推荐
01GitHub 镜像站点02Labelme从安装到标注:零基础完整指南03网站改了域名,如何查找?04Linux下V2Ray安装配置指南05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06【踩坑笔记】50系显卡适配的 PyTorch 安装072025-04-03 Latex学习1——本地配置Latex + VScode环境08Claude Code 2.1.2 升级报错?别折腾了,一行命令搞定09Netlify 的深度解析及使用指南10AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南