vue 子改变父的值(.sync)

方法一:

  • 父组件
<EasyFlow :quitFlag.sync="quitFlag" />
  • 子组件
props: {
  quitFlag: {
    type: Boolean,
    default: false,
  },
},

methods: {
  handleSave() {
    // 此时父组件的值进行响应的改变
    this.$emit("update:quitFlag", true);
  }
}

总结: 个人认为.sync有点类似于v-model双向绑定,本质上减少了代码量,使代码更加简洁和优化.

posted @ 2022-07-28 17:59  DL·Coder  阅读(213)  评论(0编辑  收藏  举报