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

2017 年 8 月 23 日
 yantianqi

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

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

6311 次点击
所在节点    程序员
13 条回复
cyio
2017 年 8 月 23 日
vuex ?
codermagefox
2017 年 8 月 23 日
m,同没什么好办法
shenyu1996
2017 年 8 月 23 日
子组件数据更新事件时把数据 emit 出来 或者就 vuex 吧
Charkey
2017 年 8 月 23 日
使用 vuex
fulvaz
2017 年 8 月 23 日
v-model,eventhub,vuex

见文档,说得很明白
leitwolf
2017 年 8 月 23 日
我一般用一个 props (一个 obj ),然后 watch 这个变量。
PasDajavu
2017 年 8 月 23 日
加 sync 实现父子组件值双向绑定,文档说得很清楚
LucasW
2017 年 8 月 23 日
1、用事件
// 子组件发射
this.$emit("eventName",{data: 'myData'})
// 父组件监听
<component v-on:eventName="myFunction"></component>
methods: {
myFunction: function (data) {
console.log(data)
}
}

2、vuex 杀鸡用牛刀的感觉。。
webster
2017 年 8 月 23 日
vuex 是可以解决楼主的问题 但是用在这里的确感觉 杀鸡用牛刀

方法两种
1、事件
2、v-model 或 sync 修饰符
gelilaohuang
2017 年 8 月 23 日
是我的话首选 vuex,毕竟通杀想怎么传怎么传。
次选 watch
ooTwToo
2017 年 8 月 23 日
子组件定义 props,并且 watch。父组件 v-bind。
bhaltair
2017 年 8 月 23 日
:sync
lamada
2017 年 8 月 23 日
魔幻的方法,传一个对象(滑稽

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/385086

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX