vue 中$parent无法调用父组件定义的方法

lylwyy2016 发布于2019-08-26 12:23 / 3111人阅读

摘要：在使用时避免不了子组件要调用父组件中定义的方法，官网给出了说明，可以调用父组件自定义的方法。输入绑定上面代码中使用了组件，自己写的组件，在组件中直接使用调用它父级组件的方法会报错，会提示你方法未定义。

在使用vue时避免不了子组件要调用父组件中定义的方法，vue官网给出了API说明，this.$parent可以调用父组件自定义的方法。
但是在使用UI组件时出现一个无法使用this.$parent直接调用父组件方法的问题。

上面代码中使用了iview组件，TextTag自己写的组件，在TextTag组件中直接使用this.$parent调用它父级组件的方法会报错，会提示你方法未定义。
错误的原因是因为你自己写的组件被包裹在iview组件中，所以你直接在TextTag组件中调用它父级方法是调用不到的，TextTag直接父级组件时iview中的Tabs，如果在这种情况下还想要调用父组件中的方法，可以使用:

this.$emit()

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108591.html

vuejs组件通信精髓归纳

摘要：组件的通信和和内置的通信手段一般有两种给元素或组件注册引用信息访问父子实例。有时候两个组件之间需要进行通信，但是它们彼此不是父子组件的关系。详情可参考参考组件之间种组件通信方式总结参考参考组件的分类常规页面组件，由 vue-router 产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理、数据可视化等常规业务。功能性抽...

妤锋シ 2019-08-23 15:23 评论0 收藏0
Vue组件基础与通信

摘要：组件基础与通信一脚手架简介与安装之前安装的是模块，之后安装的是模块。如果是三级组件通信，该如何处理比如父组件与孙子组件通信。和，提供和注入实现祖先组件和后代组件之间通信。 Vue组件基础与通信一、vue cli脚手架 ① vue cli 简介与安装 vue cli 3.0之前安装的是vue-cli模块，vue cli 3.0之后安装的是@vue/cli模块。如果已经全局安装了旧版本的...

I_Am 2019-08-26 10:48 评论0 收藏0
vue组件通信的几种方式

摘要：虽然和都可以获取组件实例，但是它们无法在跨级或兄弟间通信，这是它们的缺点。也就是在父组件中提供一个值，并且在需要使用的子孙组件中注入改值，即不仅仅是，只要是的子组件，无论隔多少代，都可以通过这个的方式注入。通过混入组件，实现组件间的通信。写在前面 vue 的组件化应该是其最核心的思想了，无论是一个大的页面还是一个小的按钮，都可以被称之为组件。基于 Vue 的开发，就是在写一个个组件，...

vspiders 2019-08-23 16:04 评论0 收藏0
vue组件间通信六种方式（完整版）

摘要：本文总结了组件间通信的几种方式，如和，以通俗易懂的实例讲述这其中的差别及使用场景，希望对小伙伴有些许帮助。状态改变提交操作方法。前言组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：showImg(https://segmentfault.com/img/remote/146000001...

frontoldman 2019-08-26 13:48 评论0 收藏0
Vue组件通信

摘要：使，最主要的的是跨组件通信全局数据维护。这两种法旦发出事件后，任何组件都是可以接收到的，就近原则，且会在第次接收到后停冒泡，除返回。并且和也没有解决兄弟组件间的通信问题。 Vue的组件是其非常重要的系统，组件之间的通信也是开发中不可避免的需求一般来说Vue组件是以下几种关系 showImg(https://segmentfault.com/img/bVbrrTY); A组件和B组件、...

philadelphia 2019-08-23 16:58 评论0 收藏0