如何在父组件中获取子组件的值?

问题描述：

老师你好,我有一个子组件EditAddressCell,其中有个属性为content,并且该属性已经和该组件的input的value进行了绑定,当我在input输入完值后,如何在父组件获取子组件的content值?

相关截图：

子组件

父组件:

打印结果:

慕慕3626689 2021-10-22

源自：项目：联调与打包发布 1-5 项目作业

19

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2021-10-22 13:46:31

同学你好，可以用vuex状态管理，简单一些。

例如创建store/index.js文件

添加代码

子组件中给input绑定失焦事件，然后事件中使用dispatch触发并传值

父组件中输出

自己测试下，祝学习愉快！

慕慕3626689 提问者 #1

虽然这样可以解决问题,但是我依然有个小疑问,如果都通过vuex进行处理,以后这个文件的代码会越来越多,并且都在这一个文件中,后期会不会很难管理.

2021-10-22 14:26:59

好帮手慕星星 2021-10-22 17:59:09

同学你好，vuex本身是管理数据的，如果多的话，也不难管理。

不过如果只是简单的数据，不是多个页面都用的话，也可以通过子组件使用$emit()方法触发父组件绑定的事件，并传递数据的方式来解决，自己可以试试。

相似问题

父子组件的异步数据

一般什么情况下使用子组件向父组件传值的模型

我现在是在子组件分别获取数据，如何写可以只在index中获取一次，别的组件调用

父组件传递动态数据给子组件如何传递

什么时候在父组件上绑事件，什么时候在子组件上绑事件

登录后可查看更多问答，登录/注册

前端工程师

参与学习人
提交作业 15661 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

200 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载