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

2017-08-23 10:23:21 +08:00
 yantianqi

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

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

5859 次点击
所在节点    程序员
13 条回复
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
子组件数据更新事件时把数据 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
是我的话首选 vuex,毕竟通杀想怎么传怎么传。
次选 watch
ooTwToo
2017-08-23 13:19:21 +08:00
子组件定义 props,并且 watch。父组件 v-bind。
bhaltair
2017-08-23 13:30:59 +08:00
:sync
lamada
2017-08-23 18:22:44 +08:00
魔幻的方法,传一个对象(滑稽

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

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

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

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

© 2021 V2EX