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

2024年2月8日 301次阅读 来源: N_饼干

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

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

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

this.$emit()
    原文作者：N_饼干
    原文地址: https://segmentfault.com/a/1190000017030948
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞