vue 自定义弹框el-dialog 父件传值（对象）到子件

需求：新建一个.vue页面，写一个dialog弹框组件、把弹出框上想要展示的内容放进去。再主界面可以打开这个弹框界面

1 新建一个detailedBox.vue

2 显示弹框界面配置

注：要和弹出按钮(触发单击弹出事件的)有公共的div

import Popup from "./detailedBox.vue";
components: { Popup },

createProject() {
this.$refs.Popup.showModal();
},

3 成功

图片.png

4 父件传值到子件

父件：

components: { Popup },

data() {
return {
xxList:{
slbh:"MP-2023100900001",
ywmc:""
}
};

createProject() {
this.$refs.Popup.showModal();
},

子件：

1697179957730.png

备注： 如果是启动运行的方法的话 放在showModal()里面

1697180049117.png