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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容