首页ant-design-vue的拿到父组件对象并调用父组件方法

ant-design-vue的拿到父组件对象并调用父组件方法

时间: 2023-10-13 11:04:17 浏览: 118

Vue子组件向父组件通信与父组件调用子组件中的方法

5星 · 资源好评率100%

子组件向父组件通信子组件的button按钮绑定点击事件,事件方法名为sendToParent(), 该方法在子组件的methods中声明,实现功能this.$emit('cus-event',this.msg); 在父组件引入子组件,并给cus-event事件绑定doAction($event)方法,该方法中this.msg = e;console.log(e), 而msg已经在data中声明,其值为”子级消息”,故最终的输出结果为: 展示父级接收到的消息:子级消息父组件调用子组件中的方法点击父组件的button按钮,触发了click事件指向的useChild方法[该方法的行为是输出”父

在ant-design-vue中，要拿到父组件对象并调用父组件方法，可以使用`$parent`来获取父组件对象，然后通过调用父组件对象的方法来实现。具体步骤如下： 1. 首先，在子组件中使用`$parent`获取父组件对象。例如：`const parent = this.$parent;` 2. 然后，通过父组件对象调用相应的方法。例如：`parent.methodName();` 通过以上步骤，你就可以拿到父组件对象并调用父组件方法了。请注意，这种方式需要保证父组件存在且已经被渲染。<span class="em">1</span> #### 引用[.reference_title] - *1* [使用form-create动态生成vue自定义组件和嵌套表单组件](https://download.csdn.net/download/weixin_38747917/12947529)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

阅读全文