vue 组件通信问题

父子组件之间能不能实现这样一个目的:子组件拿到父组件中的数据,然后在子组件中对数据进行处理,改变该数据的值,将改变后的值传递给父组件?
如果可以,应该怎么操作呢?

阅读 2.2k
2 个回答

vue 不推荐直接修改父级props的值,当props的值是数组或对象时,会给你报一个错误,你可以在子组件使用

this.$emit("fatherAction",data)//fatherAction:父级绑定的方法,data:传给父级的值

官方文档,可参考https://cn.vuejs.org/v2/guide...

必须能,子组件 用 props接父组件来的数据,在子组件内修改,父组件的这个数据也会变
举个例子
父组件内:

fatherdata:{a:1}

<child :fromfather="fatherdata"></child>
子组件内:

props:["fromfather"]

你在子组件内this.fromfather.a = 2
父组件的fatherdata也会修改

clipboard.png

看看注意项,他们是同一个内存空间,子组件的修改肯定会体现在父组件上我下面的例子就能说明

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题