vue2 父子传递数据,子组件更改传入的数据,父组件如何拿到最新

2024-11-04  本文已影响0人  不退则进_笑

1,父组件传递给子组件的简单数据类型,如果子组件想对该值做修改,可以子组件先通过props接收,然后定义data,赋值给data,然后再在子组件进行更改,然后父组件通过ref拿到最新的值
2,如果是复杂数据类型,比如数组和对象,父组件传递给子组件,子组件写一个computed,然后进行读和写的操作,比如:

   courseStageList: {
      get() {
        return this.materialData;
      },
      set(val) {
        this.$emit("update:materialData", val);
      },
    },

然后子组件对courseStageList进行修改,父组件再次通过ref拿courseStageList,或者父组件直接通过materialData就可以获取到最新的值

上一篇 下一篇

猜你喜欢

热点阅读