在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