其他分享
首页 > 其他分享> > vue3 —— 子传父

vue3 —— 子传父

作者:互联网

须知: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