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就可以获取到最新的值