vue - iview 中$parent无法调用父组件方法

最新推荐文章于 2024-07-05 09:04:25 发布

这么近又那么远

最新推荐文章于 2024-07-05 09:04:25 发布

阅读量948

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_32900003/article/details/107816502

版权

vue 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

vue中说明：this.$parent可以调用父组件的方法，但是在使用iview组件的时候会出现this.$parent找不到方法的报错

    <Tabs value="uinfo" style="height: 100%;" @on-click="user_tab_chaneg">
        <TabPane label="基本信息" name="uinfo">
            <u-info :uid="uid" @cacel="cancel_Modal" @preload="preload"/>
        </TabPane>
        <TabPane label="用户权限" name="upower">
            <u-power :uid="uid" @cacel="cancel_Modal" @preload="preload" ref="upower"/>
        </TabPane>
    </Tabs>

上面代码使用iview的Tabs组件，在组件内的使用this.$parent调用父页面方法会报错找不到，原因可能是Tabs中自己定义的子组件使用this.$parent找到的是父组件是Tabs，不是我们想要的。

这种情况下使用父组件方法使用this.$emit('');方法