ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue3 —— 子传父

2021-12-24 15:04:44  阅读:530  来源: 互联网

标签:sendData const 子传父 props vue3 组件 changeData data


须知:vue里子组件无法改变父组件的值

思路:

1. 父组件定义数据 —— const data = ref(false)

2. 把值传递给子组件 —— :sendData = "data"

3. 子组件接收数据,使用、修改完成后 —— props: ["sendData"] —— const a = props.sendData —— a = true

4. 触发父组件事件,传值 —— emit("emitEffect", { emit: a })

5. 被触发的父组件,接收值,并更新自己最开始定义的数据 —— @emitEffect = "changeData" —— const changeData = (value) => { data = value.a }

标签:sendData,const,子传父,props,vue3,组件,changeData,data
来源: https://blog.csdn.net/weixin_44292241/article/details/122127746

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有