在项目中写组件是必然的,可以帮我们减少掉很多冗余的代码,我使用的是props属性进行传值,父组件向子组件传值
<el-dialog title="选择图片" :modal="false" v-model="dialogImageVisible" width="80%" append-to-body>
<Wxmaterial :objData="objData" @selectMaterial="selectMaterial"></Wxmaterial>
</el-dialog>
在子组件中定义props接收,在setup中写是不用引入直接使用
const props = defineProps(["objData"])
子组件向父组件传值可以使用defineExpose来进行传值,想传什么放在里面,再在父组件用的时候使用ref接收,代码如下:
<el-form-item label="回复消息">
<WxReply :objData="objData" v-if="hackResetWxReplySelect" ref="def"></WxReply>
</el-form-item>
console.log(def.value);
直接就可以接收到子组件暴露出来的值