您现在的位置是：网站首页> 编程资料编程资料

vue弹窗父子组件调用问题示例详解_vue.js_

2023-05-24 372人已围观

简介 vue弹窗父子组件调用问题示例详解_vue.js_

1、:modal-append-to-body="false"为了解决element ui中引入dialog窗口组件后遮罩层会挡住dialog窗口的用处，默认为true，改为false即可解决。

2、此弹窗主要为了解决收到下位机急停信号后，上位机前台显示弹窗的重复性。

//此为子组件（customComponents.vue）  提示
{{this.message}}确 定

//此为父组件（treatmentInterface.vue）

1、vue的动态方法绑定

主要看：
①：标签里的@click
②：methods里面的buttonClick(methodName)

//此为子组件（customComponents.vue）  提示
{{this.message}}确 定

至此，已完成子组件里不同方法的绑定，下一步就要在父组件里调用上方子组件里的方法了。

2、父组件调用子组件方法

 //此为父组件（treatmentInterface.vue）

到此这篇关于vue弹窗父子组件调用的文章就介绍到这了,更多相关vue父子组件调用内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

您可能感兴趣的文章:

上一篇：vue中img或元素背景图片无法显示或路径错误的解决_vue.js_