vue 父组件获取子组件的值，实现双绑

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2678 天前的主题，其中的信息可能已经有所发展或是发生改变。

1.父组件获取子组件的值，可以通过$ref 获取，但不是响应的
2.子组件传递事件，把值传给父组件

还有其他方法父组件获取子组件的值吗？要时时响应

组件

获取

ref

Vue

13 条回复 • 2017-08-23 18:22:44 +08:00

cyio

2017-08-23 10:51:09 +08:00

vuex ?

codermagefox

2017-08-23 10:52:44 +08:00

m,同没什么好办法

shenyu1996

2017-08-23 10:56:18 +08:00 via Android

子组件数据更新事件时把数据 emit 出来或者就 vuex 吧

Charkey

2017-08-23 10:56:49 +08:00

使用 vuex

fulvaz

2017-08-23 11:05:41 +08:00

v-model，eventhub，vuex

见文档，说得很明白

leitwolf

2017-08-23 11:08:32 +08:00

我一般用一个 props （一个 obj ），然后 watch 这个变量。

PasDajavu

2017-08-23 11:11:51 +08:00

加 sync 实现父子组件值双向绑定，文档说得很清楚

LucasW

2017-08-23 11:21:26 +08:00

1、用事件
// 子组件发射
this.$emit("eventName",{data: 'myData'})
// 父组件监听
<component v-on:eventName="myFunction"></component>
methods: {
myFunction: function (data) {
console.log(data)
}
}

2、vuex 杀鸡用牛刀的感觉。。

webster

2017-08-23 12:23:20 +08:00

vuex 是可以解决楼主的问题但是用在这里的确感觉杀鸡用牛刀

方法两种
1、事件
2、v-model 或 sync 修饰符

gelilaohuang

2017-08-23 12:49:32 +08:00 via Android

是我的话首选 vuex，毕竟通杀想怎么传怎么传。
次选 watch

ooTwToo

2017-08-23 13:19:21 +08:00 via Android

子组件定义 props，并且 watch。父组件 v-bind。

bhaltair

2017-08-23 13:30:59 +08:00

:sync

lamada

2017-08-23 18:22:44 +08:00

魔幻的方法，传一个对象（滑稽