在Vue中如果子组件想修改数据并且同步到父组件的办法!

vue

如果子组件想修改数据并且同步更新到父组件,在一些情况下,我们可以使用.sync来做:

如图父组件

子组件:

这里我们需要注意的是:

1.sync不能和表达式一起使用如:v-bind:title.sync="doc.title + '!'"是无效的

2.sync不能用在字面量对象上: v-bind.sync="{ title: doc.title }"是无法正常工作的

3.对于一个数组或者对象来说,我们不需要使用sync,在子组件中改变这个数组和对象将会自动影响到父组件的状态。比如上图的arr数组状态。

以上是 在Vue中如果子组件想修改数据并且同步到父组件的办法! 的全部内容, 来源链接: utcz.com/z/375970.html

回到顶部