自己记录下vue的父组件给子组件传值:
1在父组件中 的子组件标签中添加 属性
<el-dialog
class="dialog"
title
:visible.sync="isShowEditDialog"
width="90%"
lock-scroll
:modal-append-to-body="false"
append-to-body
>
<inputTest @clos="clos" :examData="this.examData"></inputTest>
</el-dialog>
<inputTest @clos=“clos” :examData=“this.examData”>
中的:examData
是子组件中要接收的内容
//父组件中定义的值
data() {
return {
examData: {}
};
},
子组件中接收父组件的传值
props: ["examData"],//必须要加的props 注意别少s
data() {
return {
fatherData:this.examData
}
}
fatherData即是父组件传过来的值,在组件中即可直接使用,当然也可以直接使用this.examData。
刚开始接触前端,写的比较简单,如有问题请多指教。