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

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

<Tabs value="name1">
    <TabPane label="輸入productID綁定" name="name1">                    
        <TextTag  @setText="setTagList"/>                    
    </TabPane>
</Tabs>

上面代碼中使用了iview組件,TextTag本身寫的組件,在TextTag組件中直接使用this.$parent調用它父級組件的方法會報錯,會提示你方法未定義。
錯誤的緣由是由於你本身寫的組件被包裹在iview組件中,因此你直接在TextTag組件中調用它父級方法是調用不到的,TextTag直接父級組件時iview中的Tabs,若是在這種狀況下還想要調用父組件中的方法,能夠使用:iview

this.$emit()
相關文章
相關標籤/搜索