通常子组件传值给父组件都是通过methods,然后父组件再拿。
然后最近发现可以通过computed就能更新父组件的值。
话不多说,先上图。
image.png

computed: {
    syncValue: {
      set(v) { // 监视当前属性值的变化,当属性值发生变化时执行,更新相关的属性数据
        this.$emit("update:value", v);
      },
      get() { // 回调函数 当需要读取当前属性值是执行,根据相关数据计算并返回当前属性的值
        return this.value;
      }
    }
  },

image.png

父组件通过 :value.sync = "value"获取子组件的值
此时Vue.sync修饰符可不能少!!


ManLeE
2 声望1 粉丝

小颗粒前端开发