vue 中$parent無法調用父組件定義的方法

lylwyy2016 發布于2019-08-26 12:23 / 3139人閱讀

摘要：在使用時避免不了子組件要調用父組件中定義的方法，官網給出了說明，可以調用父組件自定義的方法。輸入綁定上面代碼中使用了組件，自己寫的組件，在組件中直接使用調用它父級組件的方法會報錯，會提示你方法未定義。

在使用vue時避免不了子組件要調用父組件中定義的方法，vue官網給出了API說明，this.$parent可以調用父組件自定義的方法。
但是在使用UI組件時出現一個無法使用this.$parent直接調用父組件方法的問題。

上面代碼中使用了iview組件，TextTag自己寫的組件，在TextTag組件中直接使用this.$parent調用它父級組件的方法會報錯，會提示你方法未定義。
錯誤的原因是因為你自己寫的組件被包裹在iview組件中，所以你直接在TextTag組件中調用它父級方法是調用不到的，TextTag直接父級組件時iview中的Tabs，如果在這種情況下還想要調用父組件中的方法，可以使用:

this.$emit()

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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