vue 2.x组件属性props如何实现双向绑定呢?
发布于 4 年前 作者 FlyerJay 11180 次浏览 来自 问答

好像2.0之后props里面的属性就不能在组件内部改变值了,只能通过外部传入,但是有时候组件内部也需要修改这个值并反应给父组件要怎么做呢。

5 回复

2.x 是推荐单向数据流而不是双向绑定的, 如果父组件需要子组件在某个时机修改值, 可以选择通过props传递一个回调函数给子组件, 让其在指定时机触发, 回调函数的内容由父组件决定, 比如更新你想要的那个值

@yinxin630 除了这种方式,有没有更好的,比如我不用prop,用其他的,因为回调太多也是麻烦事

@FlyerJay event bus或者vuex

来自酷炫的 CNodeMD

试试 v-model 语法糖

  1. 从父组件传入 v-model
  2. 子组件通过 value 接收参数
  3. 子组件通过 this.$emit('input', newValue) 同步 v-model 的值

除了event bus或者vuex,还有两种方法 1.参数object形式,修改object时,vue会认为对象地址没变,从而对象就没有改变,完美避开了双向绑定 2.采用内部data控制,参数改变时,用watch同步data,在子组件内部,形成伪双向绑定效果

回到顶部