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

复制代码
<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;
}
},

相关推荐
努力glow .1 分钟前
彻底解决VMware下ROS2中gazebo启动失败的问题
前端·chrome
阿笑带你学前端2 分钟前
开源记账 App 一个月迭代:从 v1.11 到 v2.2,暗黑模式、标签系统、预算管理全面升级
前端
AAA阿giao4 分钟前
浏览器底层探秘:Chrome的奇妙世界
前端·chrome·gpu·多进程·单进程·v8引擎·浏览器底层
王兆龙1688 分钟前
Vue3组件传值
前端·javascript·vue.js
随风一样自由15 分钟前
React中实现iframe嵌套登录页面:跨域与状态同步解决方案详解
前端·react.js·前端框架·跨域
测试人社区—527216 分钟前
破茧成蝶:DevOps流水线测试环节的效能跃迁之路
运维·前端·人工智能·git·测试工具·自动化·devops
_菜鸟果果26 分钟前
vue-amap高德地图绘制线路轨迹
前端·vue.js·elementui
一个处女座的程序猿O(∩_∩)O26 分钟前
React Native vs React Web:深度对比与架构解析
前端·react native·react.js
n***i9541 分钟前
前端技术的下一场进化:从工程化走向智能化的全面重构
前端·重构
@大迁世界1 小时前
紧急:React 19 和 Next.js 的 React 服务器组件存在关键漏洞
服务器·前端·javascript·react.js·前端框架